@cecee/document-flip-book 1.0.13 → 1.0.14

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 (7) hide show
  1. package/dist/cjs/PdfPage.js +15 -13
  2. package/dist/cjs/utils.d.ts +1 -1
  3. package/dist/cjs/utils.js +1 -1
  4. package/dist/esm/PdfPage.js +15 -13
  5. package/dist/esm/utils.d.ts +1 -1
  6. package/dist/esm/utils.js +1 -1
  7. package/package.json +1 -1
package/dist/cjs/PdfPage.js CHANGED
@@ -50,7 +50,7 @@ var PdfPage = function PdfPage(_ref2) {
50
50
  var renderTask = null;
51
51
  var render = /*#__PURE__*/function () {
52
52
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
53
- var _renderTask, _page$cleanup2, pdf, page, canvas, _page$cleanup, viewport, scale, dpr, renderViewport, ctx;
53
+ var _renderTask, _page$cleanup2, pdf, page, canvas, _page$cleanup, viewport, scale, calculatedHeight, dpr, renderViewport, ctx;
54
54
  return _regeneratorRuntime().wrap(function _callee$(_context) {
55
55
  while (1) switch (_context.prev = _context.next) {
56
56
  case 0:
@@ -75,42 +75,44 @@ var PdfPage = function PdfPage(_ref2) {
75
75
  viewport = page.getViewport({
76
76
  scale: 1
77
77
  });
78
- scale = _utils.VIEWPORT_WIDTH / viewport.width;
78
+ scale = _utils.VIEWPORT_WIDTH / viewport.width; // 计算自适应高度，确保不拉伸
79
+ calculatedHeight = viewport.height * scale;
79
80
  dpr = window.devicePixelRatio || 1;
80
81
  renderViewport = page.getViewport({
81
82
  scale: scale * dpr
82
83
  });
83
84
  ctx = canvas.getContext('2d');
84
85
  if (ctx) {
85
- _context.next = 19;
86
+ _context.next = 20;
86
87
  break;
87
88
  }
88
89
  throw new Error('Canvas 上下文获取失败');
89
- case 19:
90
+ case 20:
90
91
  canvas.width = renderViewport.width;
91
92
  canvas.height = renderViewport.height;
92
- canvas.style.width = "".concat(_utils.VIEWPORT_WIDTH, "px");
93
- canvas.style.height = "".concat(_utils.HEIGHT, "px");
93
+ canvas.style.width = '100%';
94
+ canvas.style.height = '100%';
95
+ canvas.style.objectFit = 'contain';
94
96
  renderTask = page.render({
95
97
  canvasContext: ctx,
96
98
  viewport: renderViewport
97
99
  });
98
- _context.next = 26;
100
+ _context.next = 28;
99
101
  return (_renderTask = renderTask) === null || _renderTask === void 0 ? void 0 : _renderTask.promise;
100
- case 26:
102
+ case 28:
101
103
  setStatus('ready');
102
104
  (_page$cleanup2 = page.cleanup) === null || _page$cleanup2 === void 0 || _page$cleanup2.call(page);
103
- _context.next = 33;
105
+ _context.next = 35;
104
106
  break;
105
- case 30:
106
- _context.prev = 30;
107
+ case 32:
108
+ _context.prev = 32;
107
109
  _context.t0 = _context["catch"](0);
108
110
  if (!cancelled) setStatus('error');
109
- case 33:
111
+ case 35:
110
112
  case "end":
111
113
  return _context.stop();
112
114
  }
113
- }, _callee, null, [[0, 30]]);
115
+ }, _callee, null, [[0, 32]]);
114
116
  }));
115
117
  return function render() {
116
118
  return _ref3.apply(this, arguments);
package/dist/cjs/utils.d.ts CHANGED
@@ -2,7 +2,7 @@ import { AttachmentItem, BuiltPage, PdfDocumentLike } from './types';
2
2
  export declare const setupPdfWorker: (customSrc?: string) => void;
3
3
  export declare const PDF_OPTIONS: {};
4
4
  export declare const PDF_PRELOAD_TIMEOUT = 60000;
5
- export declare const VIEWPORT_WIDTH = 520;
5
+ export declare const VIEWPORT_WIDTH = 580;
6
6
  export declare const VIEWPORT_HEIGHT = 670;
7
7
  export declare const HEIGHT = "100%";
8
8
  export declare const isPdfFile: (path: string) => boolean;
package/dist/cjs/utils.js CHANGED
@@ -27,7 +27,7 @@ var setupPdfWorker = exports.setupPdfWorker = function setupPdfWorker(customSrc)
27
27
  setupPdfWorker();
28
28
  var PDF_OPTIONS = exports.PDF_OPTIONS = {};
29
29
  var PDF_PRELOAD_TIMEOUT = exports.PDF_PRELOAD_TIMEOUT = 60000; // 增加到 60 秒，适配超大文件或慢速网络
30
- var VIEWPORT_WIDTH = exports.VIEWPORT_WIDTH = 520;
30
+ var VIEWPORT_WIDTH = exports.VIEWPORT_WIDTH = 580;
31
31
  var VIEWPORT_HEIGHT = exports.VIEWPORT_HEIGHT = 670;
32
32
  var HEIGHT = exports.HEIGHT = '100%';
33
33
 
package/dist/esm/PdfPage.js CHANGED
@@ -43,7 +43,7 @@ var PdfPage = function PdfPage(_ref2) {
43
43
  var renderTask = null;
44
44
  var render = /*#__PURE__*/function () {
45
45
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
46
- var _renderTask, _page$cleanup2, pdf, page, canvas, _page$cleanup, viewport, scale, dpr, renderViewport, ctx;
46
+ var _renderTask, _page$cleanup2, pdf, page, canvas, _page$cleanup, viewport, scale, calculatedHeight, dpr, renderViewport, ctx;
47
47
  return _regeneratorRuntime().wrap(function _callee$(_context) {
48
48
  while (1) switch (_context.prev = _context.next) {
49
49
  case 0:
@@ -68,42 +68,44 @@ var PdfPage = function PdfPage(_ref2) {
68
68
  viewport = page.getViewport({
69
69
  scale: 1
70
70
  });
71
- scale = VIEWPORT_WIDTH / viewport.width;
71
+ scale = VIEWPORT_WIDTH / viewport.width; // 计算自适应高度，确保不拉伸
72
+ calculatedHeight = viewport.height * scale;
72
73
  dpr = window.devicePixelRatio || 1;
73
74
  renderViewport = page.getViewport({
74
75
  scale: scale * dpr
75
76
  });
76
77
  ctx = canvas.getContext('2d');
77
78
  if (ctx) {
78
- _context.next = 19;
79
+ _context.next = 20;
79
80
  break;
80
81
  }
81
82
  throw new Error('Canvas 上下文获取失败');
82
- case 19:
83
+ case 20:
83
84
  canvas.width = renderViewport.width;
84
85
  canvas.height = renderViewport.height;
85
- canvas.style.width = "".concat(VIEWPORT_WIDTH, "px");
86
- canvas.style.height = "".concat(HEIGHT, "px");
86
+ canvas.style.width = '100%';
87
+ canvas.style.height = '100%';
88
+ canvas.style.objectFit = 'contain';
87
89
  renderTask = page.render({
88
90
  canvasContext: ctx,
89
91
  viewport: renderViewport
90
92
  });
91
- _context.next = 26;
93
+ _context.next = 28;
92
94
  return (_renderTask = renderTask) === null || _renderTask === void 0 ? void 0 : _renderTask.promise;
93
- case 26:
95
+ case 28:
94
96
  setStatus('ready');
95
97
  (_page$cleanup2 = page.cleanup) === null || _page$cleanup2 === void 0 || _page$cleanup2.call(page);
96
- _context.next = 33;
98
+ _context.next = 35;
97
99
  break;
98
- case 30:
99
- _context.prev = 30;
100
+ case 32:
101
+ _context.prev = 32;
100
102
  _context.t0 = _context["catch"](0);
101
103
  if (!cancelled) setStatus('error');
102
- case 33:
104
+ case 35:
103
105
  case "end":
104
106
  return _context.stop();
105
107
  }
106
- }, _callee, null, [[0, 30]]);
108
+ }, _callee, null, [[0, 32]]);
107
109
  }));
108
110
  return function render() {
109
111
  return _ref3.apply(this, arguments);
package/dist/esm/utils.d.ts CHANGED
@@ -2,7 +2,7 @@ import { AttachmentItem, BuiltPage, PdfDocumentLike } from './types';
2
2
  export declare const setupPdfWorker: (customSrc?: string) => void;
3
3
  export declare const PDF_OPTIONS: {};
4
4
  export declare const PDF_PRELOAD_TIMEOUT = 60000;
5
- export declare const VIEWPORT_WIDTH = 520;
5
+ export declare const VIEWPORT_WIDTH = 580;
6
6
  export declare const VIEWPORT_HEIGHT = 670;
7
7
  export declare const HEIGHT = "100%";
8
8
  export declare const isPdfFile: (path: string) => boolean;
package/dist/esm/utils.js CHANGED
@@ -21,7 +21,7 @@ export var setupPdfWorker = function setupPdfWorker(customSrc) {
21
21
  setupPdfWorker();
22
22
  export var PDF_OPTIONS = {};
23
23
  export var PDF_PRELOAD_TIMEOUT = 60000; // 增加到 60 秒，适配超大文件或慢速网络
24
- export var VIEWPORT_WIDTH = 520;
24
+ export var VIEWPORT_WIDTH = 580;
25
25
  export var VIEWPORT_HEIGHT = 670;
26
26
  export var HEIGHT = '100%';
27
27
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cecee/document-flip-book",
3
- "version": "1.0.13",
3
+ "version": "1.0.14",
4
4
  "description": "A high-performance document flipbook component based on React and Ant Design.",
5
5
  "publishConfig": {
6
6
  "access": "public"