@wapri/preview 0.0.0-stage → 0.1.0

package/dist/word/layout.js

@@ -0,0 +1,365 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Word 精简排版引擎：断行、表格布局、分页，产出可绘制到 Canvas 的盒模型。
+ *
+ * 字体度量来自 opentype.js（内嵌字体）或 Canvas measureText，两者都通过 TextMetricsProvider 抽象。
+ */
+
+var HEADING_SCALE = {
+  1: 2,
+  2: 1.6,
+  3: 1.4,
+  4: 1.2,
+  5: 1.1,
+  6: 1
+};
+var isCjk = function isCjk(char) {
+  return /[\u2e80-\u9fff\uf900-\ufaff\uff00-\uffef]/.test(char);
+};
+var Pager = /*#__PURE__*/function () {
+  function Pager(config) {
+    _classCallCheck(this, Pager);
+    _defineProperty(this, "pages", []);
+    _defineProperty(this, "contentWidth", void 0);
+    _defineProperty(this, "y", void 0);
+    _defineProperty(this, "boxes", []);
+    this.config = config;
+    this.contentWidth = config.pageWidth - config.padding * 2;
+    this.y = config.padding;
+  }
+  _createClass(Pager, [{
+    key: "x",
+    get: function get() {
+      return this.config.padding;
+    }
+  }, {
+    key: "bottom",
+    get: function get() {
+      return this.config.pageHeight - this.config.padding;
+    }
+  }, {
+    key: "add",
+    value: function add(box) {
+      this.boxes.push(box);
+    }
+  }, {
+    key: "ensure",
+    value: function ensure(height) {
+      if (this.y + height <= this.bottom) return;
+      if (this.boxes.length === 0) return;
+      this.newPage();
+    }
+  }, {
+    key: "newPage",
+    value: function newPage() {
+      this.pages.push({
+        width: this.config.pageWidth,
+        height: this.config.pageHeight,
+        boxes: this.boxes
+      });
+      this.boxes = [];
+      this.y = this.config.padding;
+    }
+  }, {
+    key: "finish",
+    value: function finish() {
+      if (this.boxes.length > 0) {
+        this.pages.push({
+          width: this.config.pageWidth,
+          height: this.config.pageHeight,
+          boxes: this.boxes
+        });
+        this.boxes = [];
+      }
+      if (this.pages.length === 0) {
+        return [{
+          width: this.config.pageWidth,
+          height: this.config.pageHeight,
+          boxes: []
+        }];
+      }
+      return this.pages;
+    }
+  }]);
+  return Pager;
+}();
+var styleOf = function styleOf(run, baseSize) {
+  var _run$fontSize;
+  return {
+    fontSize: (_run$fontSize = run.fontSize) !== null && _run$fontSize !== void 0 ? _run$fontSize : baseSize,
+    bold: run.bold,
+    italic: run.italic
+  };
+};
+var wrapRuns = function wrapRuns(runs, maxWidth, baseSize, metrics) {
+  var chars = [];
+  var widthCache = new Map();
+  runs.forEach(function (run) {
+    var style = styleOf(run, baseSize);
+    var _iterator = _createForOfIteratorHelper(run.text),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var char = _step.value;
+        chars.push({
+          char: char,
+          run: run,
+          style: style
+        });
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  });
+  var charWidth = function charWidth(item) {
+    var key = "".concat(item.style.fontSize, "|").concat(item.style.bold ? 1 : 0, "|").concat(item.char);
+    var cached = widthCache.get(key);
+    if (cached !== undefined) return cached;
+    var width = metrics.measure(item.char, item.style);
+    widthCache.set(key, width);
+    return width;
+  };
+  var lines = [];
+  var current = [];
+  var width = 0;
+  var lastSpace = -1;
+  for (var _i = 0, _chars = chars; _i < _chars.length; _i++) {
+    var item = _chars[_i];
+    if (item.char === '\n') {
+      lines.push(current);
+      current = [];
+      width = 0;
+      lastSpace = -1;
+      continue;
+    }
+    var itemWidth = charWidth(item);
+    if (width + itemWidth > maxWidth && current.length > 0) {
+      if (lastSpace > 0 && !isCjk(item.char)) {
+        var head = current.slice(0, lastSpace);
+        var rest = current.slice(lastSpace + 1);
+        lines.push(head);
+        current = rest;
+        width = rest.reduce(function (sum, next) {
+          return sum + charWidth(next);
+        }, 0);
+      } else {
+        lines.push(current);
+        current = [];
+        width = 0;
+      }
+      lastSpace = -1;
+    }
+    current.push(item);
+    width += itemWidth;
+    if (item.char === ' ') lastSpace = current.length - 1;
+  }
+  if (current.length > 0) lines.push(current);
+  return lines.length > 0 ? lines : [[]];
+};
+var lineWidth = function lineWidth(line, metrics) {
+  return line.reduce(function (sum, item) {
+    return sum + metrics.measure(item.char, item.style);
+  }, 0);
+};
+
+/** 把一行按样式切分成多个 text box */
+var pushLine = function pushLine(pager, line, x, maxWidth, lineHeight, metrics) {
+  var align = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 'left';
+  if (line.length === 0) return;
+  var total = lineWidth(line, metrics);
+  var cursor = x;
+  if (align === 'center') cursor += Math.max(0, (maxWidth - total) / 2);
+  if (align === 'right') cursor += Math.max(0, maxWidth - total);
+  var buffer = '';
+  var style = line[0].style;
+  var run = line[0].run;
+  var flush = function flush() {
+    if (!buffer) return;
+    var width = metrics.measure(buffer, style);
+    pager.add({
+      type: 'text',
+      x: cursor,
+      y: pager.y,
+      width: width,
+      height: lineHeight,
+      text: buffer,
+      fontSize: style.fontSize,
+      bold: style.bold,
+      italic: style.italic,
+      underline: run.underline
+    });
+    cursor += width;
+    buffer = '';
+  };
+  var _iterator2 = _createForOfIteratorHelper(line),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var item = _step2.value;
+      if (item.run !== run || item.style !== style) {
+        flush();
+        run = item.run;
+        style = item.style;
+      }
+      buffer += item.char;
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  flush();
+};
+var layoutParagraph = function layoutParagraph(pager, block, config) {
+  var _HEADING_SCALE$block$, _block$listLevel;
+  var headingScale = block.heading ? (_HEADING_SCALE$block$ = HEADING_SCALE[block.heading]) !== null && _HEADING_SCALE$block$ !== void 0 ? _HEADING_SCALE$block$ : 1 : 1;
+  var fontSize = config.fontSize * headingScale;
+  var lineHeight = fontSize * (block.heading ? 1.35 : config.lineHeight);
+  var listLevel = (_block$listLevel = block.listLevel) !== null && _block$listLevel !== void 0 ? _block$listLevel : 0;
+  var indent = listLevel > 0 ? 18 * listLevel : 0;
+  var prefix = listLevel > 0 ? block.listIndex ? "".concat(block.listIndex, ". ") : '• ' : '';
+  var prefixWidth = prefix ? config.metrics.measure(prefix, {
+    fontSize: fontSize,
+    bold: Boolean(block.heading)
+  }) : 0;
+  var textWidth = pager.contentWidth - indent - prefixWidth;
+  if (block.heading) {
+    pager.y += fontSize * 0.4;
+  }
+  var lines = wrapRuns(block.runs, Math.max(40, textWidth), fontSize, config.metrics);
+  lines.forEach(function (line, index) {
+    var _block$align;
+    pager.ensure(lineHeight);
+    if (index === 0 && prefix) {
+      pager.add({
+        type: 'text',
+        x: pager.x + indent,
+        y: pager.y,
+        width: prefixWidth,
+        height: lineHeight,
+        text: prefix,
+        fontSize: fontSize,
+        bold: Boolean(block.heading)
+      });
+    }
+    pushLine(pager, line, pager.x + indent + prefixWidth, textWidth, lineHeight, config.metrics, (_block$align = block.align) !== null && _block$align !== void 0 ? _block$align : 'left');
+    pager.y += lineHeight;
+  });
+  pager.y += block.heading ? fontSize * 0.3 : 6;
+};
+var layoutTable = function layoutTable(pager, block, config) {
+  var colCount = Math.max.apply(Math, _toConsumableArray(block.rows.map(function (row) {
+    return row.length;
+  })).concat([1]));
+  var cellPadding = 6;
+  var fontSize = config.fontSize;
+  var lineHeight = fontSize * config.lineHeight;
+  var colWidth = pager.contentWidth / colCount;
+  var prepared = block.rows.map(function (row) {
+    var cells = Array.from({
+      length: colCount
+    }, function (_, index) {
+      var _row$index;
+      return (_row$index = row[index]) !== null && _row$index !== void 0 ? _row$index : {
+        runs: []
+      };
+    });
+    var wrapped = cells.map(function (cell) {
+      var runs = cell.header ? cell.runs.map(function (run) {
+        return _objectSpread(_objectSpread({}, run), {}, {
+          bold: true
+        });
+      }) : cell.runs;
+      return wrapRuns(runs, Math.max(20, colWidth - cellPadding * 2), fontSize, config.metrics);
+    });
+    var height = Math.max.apply(Math, [1].concat(_toConsumableArray(wrapped.map(function (lines) {
+      return lines.length;
+    })))) * lineHeight + cellPadding * 2;
+    return {
+      wrapped: wrapped,
+      height: height
+    };
+  });
+  prepared.forEach(function (row) {
+    pager.ensure(row.height);
+    var top = pager.y;
+    for (var index = 0; index < colCount; index += 1) {
+      pager.add({
+        type: 'rect',
+        x: pager.x + index * colWidth,
+        y: top,
+        width: colWidth,
+        height: row.height,
+        stroke: '#d0d5dd',
+        lineWidth: 1
+      });
+    }
+    row.wrapped.forEach(function (lines, columnIndex) {
+      var cellX = pager.x + columnIndex * colWidth + cellPadding;
+      pager.y = top + cellPadding;
+      lines.forEach(function (line) {
+        pushLine(pager, line, cellX, colWidth - cellPadding * 2, lineHeight, config.metrics);
+        pager.y += lineHeight;
+      });
+    });
+    pager.y = top + row.height;
+  });
+  pager.y += 8;
+};
+var layoutImage = function layoutImage(pager, block) {
+  var maxWidth = pager.contentWidth;
+  var scale = Math.min(1, maxWidth / Math.max(1, block.width));
+  var width = block.width * scale;
+  var height = block.height * scale;
+  pager.ensure(height);
+  pager.add({
+    type: 'image',
+    x: pager.x + Math.max(0, (maxWidth - width) / 2),
+    y: pager.y,
+    width: width,
+    height: height,
+    src: block.src
+  });
+  pager.y += height + 8;
+};
+
+/** 把文档模型排版成页面盒模型 */
+export var layoutDocument = function layoutDocument(model, config) {
+  var pager = new Pager(config);
+  var _iterator3 = _createForOfIteratorHelper(model.blocks),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var block = _step3.value;
+      if (block.type === 'paragraph') {
+        layoutParagraph(pager, block, config);
+      } else if (block.type === 'table') {
+        layoutTable(pager, block, config);
+      } else {
+        layoutImage(pager, block);
+      }
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return pager.finish();
+};

package/dist/word/parse.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Word（docx）解析：mammoth 转 HTML，再归一化成块模型。
+ */
+import type { WordDocumentModel } from '../types/word';
+/** 解析 docx 为块模型，图片尺寸在主线程预读 */
+export declare const parseWord: (buffer: ArrayBuffer, fontSize?: number) => Promise<WordDocumentModel>;