@cecee/document-flip-book 1.0.17 → 1.0.19

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2024, @cecee
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,83 @@
+# @cecee/document-flip-book
+
+A high-performance document flipbook component based on React and Ant Design.
+
+## Features
+
+- 📖 **Smooth Flip Animation**: Realistic book flipping effect using `react-pageflip`.
+- 📄 **PDF Support**: Integrated PDF rendering with `react-pdf`.
+- 🖼️ **Image Support**: Support for image-based pages.
+- 🖨️ **Print & Export**: Support for printing and exporting to PDF/EPUB.
+- 🎨 **Customizable**: Adjustable themes and covers.
+- 📦 **Dual Output**: Supports both ESM and CJS formats.
+
+## Installation
+
+```bash
+npm install @cecee/document-flip-book
+# or
+pnpm add @cecee/document-flip-book
+# or
+yarn add @cecee/document-flip-book
+```
+
+### Peer Dependencies
+
+Make sure you have the following peer dependencies installed in your project:
+
+```bash
+npm install antd dayjs html2canvas jspdf lodash react react-dom react-pageflip react-pdf
+```
+
+## Usage
+
+### DocumentFlipBook
+
+```tsx
+import React from 'react';
+import { DocumentFlipBook } from '@cecee/document-flip-book';
+
+const App = () => {
+  const documentInfo = {
+    fd: 'doc-id',
+    attachments: [
+      { path: 'https://example.com/page1.pdf', acc17c_fd: '1' },
+      { path: 'https://example.com/image1.jpg', acc17c_fd: '2' },
+    ],
+  };
+
+  return (
+    <div style={{ height: '800px' }}>
+      <DocumentFlipBook 
+        documentInfo={documentInfo}
+        title="Sample Document"
+      />
+    </div>
+  );
+};
+
+export default App;
+```
+
+### PDF Worker Configuration
+
+By default, the component looks for `pdf.worker.min.js` at the root of your application (`/pdf.worker.min.js`). 
+
+You can configure a custom worker source using the `pdfWorkerSrc` prop or by calling `setupPdfWorker`:
+
+```tsx
+import { setupPdfWorker } from '@cecee/document-flip-book';
+
+// Using a CDN
+setupPdfWorker('https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.4.168/pdf.worker.min.mjs');
+
+// Or via prop
+<DocumentFlipBook 
+  pdfWorkerSrc="path/to/your/worker.js"
+  ...
+/>
+```
+
+## License
+
+ISC

package/dist/cjs/AccountingBook/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AccountingBook: React.FC;
+export default AccountingBook;

package/dist/cjs/AccountingBook/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var AccountingBook = function AccountingBook() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
+      children: "Accounting Book Component"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "This is a placeholder for the Accounting Book component."
+    })]
+  });
+};
+var _default = exports.default = AccountingBook;

package/dist/cjs/{ArchiveCover.js → DocumentFlipBook/ArchiveCover.js}

@@ -34,12 +34,32 @@ var ArchiveCover = function ArchiveCover(_ref) {
     attachmentsCount: (archiveInfo === null || archiveInfo === void 0 || (_archiveInfo$com00cs = archiveInfo.com00cs) === null || _archiveInfo$com00cs === void 0 ? void 0 : _archiveInfo$com00cs.length) || 0,
     nsp24cFd: (archiveInfo === null || archiveInfo === void 0 || (_archiveInfo$nsp24c = archiveInfo.nsp24c) === null || _archiveInfo$nsp24c === void 0 ? void 0 : _archiveInfo$nsp24c.fd) || '-'
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "archive-cover",
     style: {
       backgroundColor: themeColor
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "archive-spine",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 17 825",
+        preserveAspectRatio: "none",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M0 30L17 0V825L0 789V30Z",
+          fill: themeColor,
+          style: {
+            filter: 'brightness(0.9)'
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M4 43.8636L13 29.5V802L4 782.364L4 43.8636Z",
+          fill: "rgba(255,255,255,0.3)"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "archive-cover__outer-border",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "archive-cover__inner",
@@ -136,7 +156,7 @@ var ArchiveCover = function ArchiveCover(_ref) {
           })
         })]
       })
-    })
+    })]
   });
 };
 var _default = exports.default = /*#__PURE__*/_react.default.memo(ArchiveCover);

package/dist/cjs/{ExportModal.js → DocumentFlipBook/ExportModal.js}

@@ -85,7 +85,7 @@ var ExportModal = function ExportModal(_ref) {
               style: {
                 fontSize: 16
               },
-              children: "HTML \u7FFB\u4E66"
+              children: "EPUB \u7535\u5B50\u4E66"
             })
           })]
         })

package/dist/cjs/{ProjectCover.js → DocumentFlipBook/ProjectCover.js}

@@ -91,13 +91,33 @@ var ProjectCover = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       })
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "project-cover-container",
     style: {
       backgroundColor: themeColor
     },
     ref: ref,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "archive-spine",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+        width: "100%",
+        height: "100%",
+        viewBox: "0 0 17 825",
+        preserveAspectRatio: "none",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M0 30L17 0V825L0 789V30Z",
+          fill: themeColor,
+          style: {
+            filter: 'brightness(0.9)'
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M4 43.8636L13 29.5V802L4 782.364L4 43.8636Z",
+          fill: "rgba(255,255,255,0.3)"
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "project-cover-border-outer",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "project-cover-border-inner",
@@ -202,7 +222,7 @@ var ProjectCover = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
           })]
         })]
       })
-    })
+    })]
   });
 });
 var _default = exports.default = /*#__PURE__*/_react.default.memo(ProjectCover);

package/dist/cjs/{exportHtml.d.ts → DocumentFlipBook/exportHtml.d.ts}

@@ -1,5 +1,5 @@
 import { BuiltPage, PdfDocumentLike } from './types';
-interface ExportHtmlOptions {
+interface ExportEpubOptions {
     pages: BuiltPage[];
     filename: string;
     title?: string;
@@ -13,7 +13,7 @@ interface ExportHtmlOptions {
     };
 }
 /**
- * 导出 HTML 翻书功能
+ * 导出 EPUB 电子书功能
  */
-export declare const exportArchivePagesToHtml: (options: ExportHtmlOptions) => Promise<void>;
+export declare const exportArchivePagesToEpub: (options: ExportEpubOptions) => Promise<void>;
 export {};

package/dist/cjs/{exportHtml.js → DocumentFlipBook/exportHtml.js}

@@ -4,9 +4,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.exportArchivePagesToHtml = void 0;
+exports.exportArchivePagesToEpub = void 0;
 var _antd = require("antd");
 var _dayjs = _interopRequireDefault(require("dayjs"));
+var _jszip = _interopRequireDefault(require("jszip"));
 var _exportPdf = require("./exportPdf");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
@@ -14,6 +15,19 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+/**
+ * 将 Data URL 转换为 ArrayBuffer
+ */
+var dataUrlToArrayBuffer = function dataUrlToArrayBuffer(dataUrl) {
+  var base64 = dataUrl.split(',')[1];
+  var binary = window.atob(base64);
+  var bytes = new Uint8Array(binary.length);
+  for (var i = 0; i < binary.length; i++) {
+    bytes[i] = binary.charCodeAt(i);
+  }
+  return bytes.buffer;
+};
+
 /**
  * 渲染封面为图片
  */
@@ -131,99 +145,141 @@ var renderCoverToImage = /*#__PURE__*/function () {
 }();
 
 /**
- * 导出 HTML 翻书功能
+ * 导出 EPUB 电子书功能
  */
-var exportArchivePagesToHtml = exports.exportArchivePagesToHtml = /*#__PURE__*/function () {
+var exportArchivePagesToEpub = exports.exportArchivePagesToEpub = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(options) {
-    var pages, filename, _options$title, title, getDocument, coverInfo, hide, coverImg, pagesData, i, page, img, _img, htmlContent, blob, url, link;
+    var pages, filename, _options$title, title, getDocument, coverInfo, hide, _zip$folder, _zip$folder2, _zip$folder3, _zip$folder4, _zip$folder7, _zip$folder8, zip, coverDataUrl, manifestItems, spineItems, navPoints, i, page, pageNum, imgDataUrl, img, _img, _zip$folder5, _zip$folder6, imgFileName, xhtmlFileName, pageId, content, url, link, finalFilename;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          pages = options.pages, filename = options.filename, _options$title = options.title, title = _options$title === void 0 ? '档案翻书' : _options$title, getDocument = options.getDocument, coverInfo = options.coverInfo;
-          hide = _antd.message.loading('正在导出 HTML 翻书，请稍候…', 0);
+          pages = options.pages, filename = options.filename, _options$title = options.title, title = _options$title === void 0 ? '电子档案书' : _options$title, getDocument = options.getDocument, coverInfo = options.coverInfo;
+          hide = _antd.message.loading('正在导出 EPUB 电子书，请稍候…', 0);
           _context2.prev = 2;
-          _context2.next = 5;
+          zip = new _jszip.default(); // 1. mimetype (必须是第一个文件且不压缩)
+          zip.file('mimetype', 'application/epub+zip', {
+            compression: 'STORE'
+          });
+
+          // 2. META-INF/container.xml
+          (_zip$folder = zip.folder('META-INF')) === null || _zip$folder === void 0 || _zip$folder.file('container.xml', "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<container version=\"1.0\" xmlns=\"urn:oasis:names:tc:opendocument:xmlns:container\">\n    <rootfiles>\n        <rootfile full-path=\"OEBPS/content.opf\" media-type=\"application/oebps-package+xml\"/>\n    </rootfiles>\n</container>");
+
+          // 3. 准备资源
+          _context2.next = 8;
           return renderCoverToImage(coverInfo);
-        case 5:
-          coverImg = _context2.sent;
-          pagesData = [coverImg];
-          i = 0;
         case 8:
+          coverDataUrl = _context2.sent;
+          (_zip$folder2 = zip.folder('OEBPS')) === null || _zip$folder2 === void 0 || (_zip$folder2 = _zip$folder2.folder('Images')) === null || _zip$folder2 === void 0 || _zip$folder2.file('cover.jpg', dataUrlToArrayBuffer(coverDataUrl));
+          manifestItems = ['<item id="cover" href="Text/cover.xhtml" media-type="application/xhtml+xml"/>', '<item id="cover-image" href="Images/cover.jpg" media-type="image/jpeg" properties="cover-image"/>', '<item id="style" href="Styles/style.css" media-type="text/css"/>', '<item id="ncx" href="toc.ncx" media-type="application/x-dtbncx+xml"/>'];
+          spineItems = ['<itemref idref="cover"/>'];
+          navPoints = ["<navPoint id=\"navPoint-1\" playOrder=\"1\"><navLabel><text>\u5C01\u9762</text></navLabel><content src=\"Text/cover.xhtml\"/></navPoint>"]; // 封面 XHTML
+          (_zip$folder3 = zip.folder('OEBPS')) === null || _zip$folder3 === void 0 || (_zip$folder3 = _zip$folder3.folder('Text')) === null || _zip$folder3 === void 0 || _zip$folder3.file('cover.xhtml', "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE html>\n<html xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n    <title>Cover</title>\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../Styles/style.css\"/>\n</head>\n<body style=\"margin:0;padding:0;text-align:center;\">\n    <div style=\"width:100%;height:100%;\"><img src=\"../Images/cover.jpg\" style=\"max-width:100%;max-height:100%;\"/></div>\n</body>\n</html>");
+
+          // 样式表
+          (_zip$folder4 = zip.folder('OEBPS')) === null || _zip$folder4 === void 0 || (_zip$folder4 = _zip$folder4.folder('Styles')) === null || _zip$folder4 === void 0 || _zip$folder4.file('style.css', "\nbody { margin: 0; padding: 0; background: #fff; }\nimg { max-width: 100%; height: auto; }\n.page-container { text-align: center; page-break-after: always; }\n");
+
+          // 处理每一页
+          i = 0;
+        case 16:
           if (!(i < pages.length)) {
-            _context2.next = 31;
+            _context2.next = 42;
             break;
           }
           page = pages[i];
-          _context2.prev = 10;
+          pageNum = i + 1;
+          _context2.prev = 19;
+          imgDataUrl = '';
           if (!(page.type === 'image')) {
-            _context2.next = 18;
+            _context2.next = 28;
             break;
           }
-          _context2.next = 14;
+          _context2.next = 24;
           return (0, _exportPdf.renderImageToDataUrl)(page.file);
-        case 14:
+        case 24:
           img = _context2.sent;
-          pagesData.push(img.dataUrl);
-          _context2.next = 23;
+          imgDataUrl = img.dataUrl;
+          _context2.next = 33;
           break;
-        case 18:
+        case 28:
           if (!(page.type === 'pdf')) {
-            _context2.next = 23;
+            _context2.next = 33;
             break;
           }
-          _context2.next = 21;
+          _context2.next = 31;
           return (0, _exportPdf.renderPdfPageToDataUrl)({
             getDocument: getDocument,
             file: page.file,
             pageNum: page.pageNum,
             scale: 2
           });
-        case 21:
+        case 31:
           _img = _context2.sent;
-          pagesData.push(_img.dataUrl);
-        case 23:
-          _context2.next = 28;
+          imgDataUrl = _img.dataUrl;
+        case 33:
+          if (imgDataUrl) {
+            imgFileName = "page".concat(pageNum, ".jpg");
+            xhtmlFileName = "page".concat(pageNum, ".xhtml");
+            pageId = "page".concat(pageNum);
+            (_zip$folder5 = zip.folder('OEBPS')) === null || _zip$folder5 === void 0 || (_zip$folder5 = _zip$folder5.folder('Images')) === null || _zip$folder5 === void 0 || _zip$folder5.file(imgFileName, dataUrlToArrayBuffer(imgDataUrl));
+            (_zip$folder6 = zip.folder('OEBPS')) === null || _zip$folder6 === void 0 || (_zip$folder6 = _zip$folder6.folder('Text')) === null || _zip$folder6 === void 0 || _zip$folder6.file(xhtmlFileName, "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<!DOCTYPE html>\n<html xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n    <title>Page ".concat(pageNum, "</title>\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"../Styles/style.css\"/>\n</head>\n<body style=\"margin:0;padding:0;text-align:center;\">\n    <div class=\"page-container\"><img src=\"../Images/").concat(imgFileName, "\"/></div>\n</body>\n</html>"));
+            manifestItems.push("<item id=\"".concat(pageId, "\" href=\"Text/").concat(xhtmlFileName, "\" media-type=\"application/xhtml+xml\"/>"));
+            manifestItems.push("<item id=\"".concat(pageId, "-img\" href=\"Images/").concat(imgFileName, "\" media-type=\"image/jpeg\"/>"));
+            spineItems.push("<itemref idref=\"".concat(pageId, "\"/>"));
+            navPoints.push("<navPoint id=\"navPoint-".concat(pageNum + 1, "\" playOrder=\"").concat(pageNum + 1, "\"><navLabel><text>\u7B2C ").concat(pageNum, " \u9875</text></navLabel><content src=\"Text/").concat(xhtmlFileName, "\"/></navPoint>"));
+          }
+          _context2.next = 39;
           break;
-        case 25:
-          _context2.prev = 25;
-          _context2.t0 = _context2["catch"](10);
+        case 36:
+          _context2.prev = 36;
+          _context2.t0 = _context2["catch"](19);
           console.error("\u6E32\u67D3\u7B2C ".concat(i + 1, " \u9875\u5931\u8D25:"), _context2.t0);
-        case 28:
+        case 39:
           i++;
-          _context2.next = 8;
+          _context2.next = 16;
           break;
-        case 31:
-          htmlContent = "\n<!DOCTYPE html>\n<html>\n<head>\n    <meta charset=\"UTF-8\">\n    <title>".concat(title, "</title>\n    <style>\n        body { margin: 0; background: #333; display: flex; flex-direction: column; align-items: center; min-height: 100vh; font-family: sans-serif; overflow: hidden; }\n        .viewport { flex: 1; display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 60px); }\n        .book-container { position: relative; width: 1200px; height: 800px; display: flex; justify-content: center; align-items: center; transition: all 0.5s ease; }\n        .page-wrapper { position: relative; width: 50%; height: 100%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.5); overflow: hidden; display: flex; justify-content: center; align-items: center; }\n        .page-left { border-radius: 10px 0 0 10px; border-right: 1px solid #eee; }\n        .page-right { border-radius: 0 10px 10px 0; }\n        .page-img { max-width: 100%; max-height: 100%; object-fit: contain; }\n        .controls { height: 60px; width: 100%; background: #222; color: #fff; display: flex; justify-content: center; align-items: center; gap: 25px; z-index: 100; border-top: 1px solid #444; position: fixed; bottom: 0; left: 0; }\n        button { background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; padding: 6px 20px; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.2s; }\n        button:hover { background: rgba(255, 255, 255, 0.25); }\n        button#btnNext { background: ").concat(options.coverInfo.themeColor || '#9F7D4E', "; border: none; font-weight: bold; }\n        button:disabled { background: #333 !important; color: #666; cursor: not-allowed; border-color: #444; }\n        .page-info { font-size: 14px; display: flex; align-items: center; gap: 12px; color: #ccc; }\n        select { background: #333; color: #fff; border: 1px solid #555; padding: 5px 10px; border-radius: 4px; outline: none; cursor: pointer; font-size: 14px; min-width: 120px; }\n        .spine { position: absolute; left: 50%; top: 20px; bottom: 20px; width: 2px; background: rgba(0,0,0,0.15); transform: translateX(-50%); z-index: 10; box-shadow: 0 0 15px rgba(0,0,0,0.3); }\n        \n        /* \u5C01\u9762\u5355\u9875\u5C45\u4E2D\u6837\u5F0F */\n        .is-cover .page-left { display: none; }\n        .is-cover .page-right { border-radius: 10px; width: 600px; }\n        .is-cover .spine { display: none; }\n    </style>\n</head>\n<body>\n    <div class=\"viewport\">\n        <div id=\"book\" class=\"book-container is-cover\">\n            <div class=\"page-wrapper page-left\">\n                <img id=\"leftPage\" class=\"page-img\" src=\"\">\n            </div>\n            <div class=\"spine\"></div>\n            <div class=\"page-wrapper page-right\">\n                <img id=\"rightPage\" class=\"page-img\" src=\"\">\n            </div>\n        </div>\n    </div>\n    <div class=\"controls\">\n        <button id=\"btnPrev\" onclick=\"prev()\">\u4E0A\u4E00\u9875</button>\n        <div class=\"page-info\">\n            \u8DF3\u8F6C\u81F3\uFF1A<select id=\"pageSelect\" onchange=\"jump(this.value)\"></select>\n            <span id=\"totalInfo\" style=\"margin-left: 15px; color: #aaa; font-size: 13px;\"></span>\n        </div>\n        <button id=\"btnNext\" onclick=\"next()\">\u4E0B\u4E00\u9875</button>\n    </div>\n    <script>\n        const pages = ").concat(JSON.stringify(pagesData), ";\n        let currentSpread = 0; \n        \n        const book = document.getElementById('book');\n        const leftPage = document.getElementById('leftPage');\n        const rightPage = document.getElementById('rightPage');\n        const pageSelect = document.getElementById('pageSelect');\n        const totalInfo = document.getElementById('totalInfo');\n        const btnPrev = document.getElementById('btnPrev');\n        const btnNext = document.getElementById('btnNext');\n\n        const totalSpreads = Math.ceil((pages.length - 1) / 2) + 1;\n\n        function init() {\n            for(let i = 0; i < totalSpreads; i++) {\n                const opt = document.createElement('option');\n                opt.value = i;\n                opt.innerText = i === 0 ? '\u5C01\u9762' : '\u7B2C ' + i + ' \u7EC4 (' + ((i-1)*2+1) + '-' + Math.min((i-1)*2+2, pages.length-1) + ')';\n                pageSelect.appendChild(opt);\n            }\n            totalInfo.innerText = '\u5171 ' + totalSpreads + ' \u7EC4\u9875\u9762';\n            update();\n        }\n\n        function update() {\n            if (currentSpread === 0) {\n                book.classList.add('is-cover');\n                rightPage.src = pages[0];\n            } else {\n                book.classList.remove('is-cover');\n                const leftIdx = (currentSpread - 1) * 2 + 1;\n                const rightIdx = leftIdx + 1;\n                \n                leftPage.src = pages[leftIdx] || '';\n                rightPage.src = pages[rightIdx] || '';\n                \n                if (!pages[rightIdx]) {\n                    rightPage.parentNode.style.visibility = 'hidden';\n                } else {\n                    rightPage.parentNode.style.visibility = 'visible';\n                }\n            }\n            \n            pageSelect.value = currentSpread;\n            btnPrev.disabled = currentSpread === 0;\n            btnNext.disabled = currentSpread === totalSpreads - 1;\n        }\n\n        function prev() { if(currentSpread > 0) { currentSpread--; update(); } }\n        function next() { if(currentSpread < totalSpreads - 1) { currentSpread++; update(); } }\n        function jump(val) { currentSpread = parseInt(val); update(); }\n\n        // \u952E\u76D8\u7FFB\u9875\u652F\u6301\n        document.addEventListener('keydown', (e) => {\n            if(e.key === 'ArrowLeft') prev();\n            if(e.key === 'ArrowRight') next();\n        });\n\n        init();\n    </script>\n</body>\n</html>");
-          blob = new Blob([htmlContent], {
-            type: 'text/html'
+        case 42:
+          // 4. content.opf
+          (_zip$folder7 = zip.folder('OEBPS')) === null || _zip$folder7 === void 0 || _zip$folder7.file('content.opf', "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<package xmlns=\"http://www.idpf.org/2007/opf\" unique-identifier=\"pub-id\" version=\"3.0\">\n    <metadata xmlns:dc=\"http://purl.org/dc/elements/1.1/\">\n        <dc:identifier id=\"pub-id\">urn:uuid:".concat(crypto.randomUUID(), "</dc:identifier>\n        <dc:title>").concat(title, "</dc:title>\n        <dc:language>zh-CN</dc:language>\n        <dc:creator>Archive System</dc:creator>\n        <dc:date>").concat(new Date().toISOString(), "</dc:date>\n        <meta property=\"dcterms:modified\">").concat(new Date().toISOString().split('.')[0], "Z</meta>\n    </metadata>\n    <manifest>\n        ").concat(manifestItems.join('\n        '), "\n    </manifest>\n    <spine toc=\"ncx\">\n        ").concat(spineItems.join('\n        '), "\n    </spine>\n</package>"));
+
+          // 5. toc.ncx
+          (_zip$folder8 = zip.folder('OEBPS')) === null || _zip$folder8 === void 0 || _zip$folder8.file('toc.ncx', "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<ncx xmlns=\"http://www.daisy.org/z3986/2005/ncx/\" version=\"2005-1\">\n    <head>\n        <meta name=\"dtb:uid\" content=\"urn:uuid:12345\"/>\n        <meta name=\"dtb:depth\" content=\"1\"/>\n        <meta name=\"dtb:totalPageCount\" content=\"0\"/>\n        <meta name=\"dtb:maxPageNumber\" content=\"0\"/>\n    </head>\n    <docTitle><text>".concat(title, "</text></docTitle>\n    <navMap>\n        ").concat(navPoints.join('\n        '), "\n    </navMap>\n</ncx>"));
+
+          // 生成并下载
+          _context2.next = 46;
+          return zip.generateAsync({
+            type: 'blob',
+            mimeType: 'application/epub+zip'
           });
-          url = URL.createObjectURL(blob);
+        case 46:
+          content = _context2.sent;
+          url = URL.createObjectURL(content);
           link = document.createElement('a');
           link.href = url;
-          link.download = filename.endsWith('.html') ? filename : "".concat(filename, ".html");
+          finalFilename = "".concat(title, ".epub");
+          link.download = finalFilename;
           document.body.appendChild(link);
           link.click();
           document.body.removeChild(link);
           URL.revokeObjectURL(url);
-          _antd.message.success('HTML 翻书导出成功');
-          _context2.next = 48;
+          _antd.message.success('EPUB 电子书导出成功');
+          _context2.next = 63;
           break;
-        case 44:
-          _context2.prev = 44;
+        case 59:
+          _context2.prev = 59;
           _context2.t1 = _context2["catch"](2);
-          console.error('HTML 导出失败:', _context2.t1);
-          _antd.message.error('HTML 导出失败');
-        case 48:
-          _context2.prev = 48;
+          console.error('EPUB 导出失败:', _context2.t1);
+          _antd.message.error('EPUB 导出失败');
+        case 63:
+          _context2.prev = 63;
           hide();
-          return _context2.finish(48);
-        case 51:
+          return _context2.finish(63);
+        case 66:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[2, 44, 48, 51], [10, 25]]);
+    }, _callee2, null, [[2, 59, 63, 66], [19, 36]]);
   }));
-  return function exportArchivePagesToHtml(_x2) {
+  return function exportArchivePagesToEpub(_x2) {
     return _ref2.apply(this, arguments);
   };
 }();

package/dist/cjs/{exportPdf.d.ts → DocumentFlipBook/exportPdf.d.ts}

@@ -18,10 +18,12 @@ export declare function buildArchivePdfBlob(params: {
     pages: BuiltPage[];
     getDocument: (path: string) => Promise<PdfDocumentLike>;
     scale?: number;
+    printType?: 'A4' | 'A5';
 }): Promise<Blob>;
 export declare function exportArchivePagesToPdf(params: {
     pages: BuiltPage[];
     getDocument: (path: string) => Promise<PdfDocumentLike>;
     filename: string;
     scale?: number;
+    printType?: 'A4' | 'A5';
 }): Promise<void>;

package/dist/cjs/{exportPdf.js → DocumentFlipBook/exportPdf.js}

@@ -121,15 +121,26 @@ function buildArchivePdfBlob(_x3) {
 }
 function _buildArchivePdfBlob() {
   _buildArchivePdfBlob = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params) {
-    var pages, getDocument, _params$scale, scale, pdf, first, _iterator, _step, p, img, pageW, pageH, _img, _pageW, _pageH;
+    var pages, getDocument, _params$scale, scale, _params$printType, printType, pdf, first, _iterator, _step, p, img, pageW, pageH, _img, _pageW, _pageH;
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          pages = params.pages, getDocument = params.getDocument, _params$scale = params.scale, scale = _params$scale === void 0 ? 2 : _params$scale;
-          pdf = new _jspdf.jsPDF({
-            unit: 'pt',
-            compress: true
-          });
+          pages = params.pages, getDocument = params.getDocument, _params$scale = params.scale, scale = _params$scale === void 0 ? 2 : _params$scale, _params$printType = params.printType, printType = _params$printType === void 0 ? 'A4' : _params$printType;
+          if (printType === 'A5') {
+            pdf = new _jspdf.jsPDF({
+              orientation: 'landscape',
+              unit: 'mm',
+              format: [210, 148],
+              // A5横向
+              compress: true
+            });
+          } else {
+            // 默认 A4
+            pdf = new _jspdf.jsPDF({
+              unit: 'pt',
+              compress: true
+            });
+          }
           first = true;
           _iterator = _createForOfIteratorHelper(pages);
           _context3.prev = 4;

package/dist/cjs/{globalCache.d.ts → DocumentFlipBook/globalCache.d.ts}

@@ -1,5 +1,6 @@
 export declare const globalPdfCache: {
-    getDocument(path: string): Promise<import("./types").PdfDocumentLike>;
+    getDocument(path: string): Promise<import("../index").PdfDocumentLike>;
     getPageCount(path: string): Promise<number>;
     clear(path: string): void;
+    clearAll(): void;
 };