@dou-ui/sheet 0.0.0-stage → 0.1.0-alpha.1

package/dist/export/index.js

@@ -0,0 +1,390 @@
+import { boundsOf, columnName, parseRange } from "../core/address.js";
+import { dataBounds } from "../core/csv.js";
+import { optionOf } from "../core/cell-type.js";
+import { CellCheck, CellOption } from "../components/cell-renders.js";
+import { plainColor } from "./color.js";
+import { drawSheet, drawingSize, escapeXML } from "./draw.js";
+import { svgToPNG } from "dou-ui";
+import { h, render } from "vue";
+// src/export/index.ts
+/** The lines from `from` to `to` that show: hidden ones and rows the filter hides are left out. */
+function shownLines(axis, from, to) {
+	const list = [];
+	for (let i = from; i <= to; i++) if (axis.size(i) > 0) list.push(i);
+	return list;
+}
+var read = (el) => getComputedStyle(el);
+var at = (value) => String(Math.round(value * 100) / 100);
+/** A fill as a plain color, `null` for none. */
+function fillOf(value) {
+	const plain = plainColor(value);
+	return /^rgba\(.*,\s*0\)$/.test(plain) || value === "transparent" ? null : plain;
+}
+var sum = (list, axis) => list.reduce((total, i) => total + axis.size(i), 0);
+var BAR_SPAN = /--dou-sheet-bar-(from|to):[^;]*;/g;
+var SELECTION_CLASSES = / is-(selected|active|edge-\w+|invalid|freeze-edge)\b/g;
+/**
+* Reads how cells look from cells made like the grid's own, in a sheet of
+* their own inside this one so its tokens apply, or in the light theme
+* for paper. `look` turns a cell's classes and style into plain colors.
+*/
+function exportReader(root, light, gridlines) {
+	const box = document.createElement("div");
+	box.className = `dou-sheet${gridlines ? " has-gridlines" : ""}`;
+	if (light) box.dataset.douTheme = "light";
+	box.setAttribute("aria-hidden", "true");
+	box.style.cssText = "position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none";
+	root.append(box);
+	const make = (className, css = "") => {
+		const el = document.createElement("div");
+		el.className = className;
+		if (css) el.style.cssText = css;
+		box.append(el);
+		return el;
+	};
+	const color = (value) => {
+		const el = make("");
+		el.style.color = value;
+		return plainColor(read(el).color);
+	};
+	const cell = read(make("dou-sheet__cell"));
+	const bold = read(make("dou-sheet__cell is-bold"));
+	const colHead = read(make("dou-sheet__col-head"));
+	const off = read(make("dou-sheet__check"));
+	const on = read(make("dou-sheet__check is-checked"));
+	const theme = {
+		fontFamily: cell.fontFamily,
+		fontSize: Number.parseFloat(cell.fontSize) || 13,
+		boldWeight: bold.fontWeight,
+		surface: color("var(--dou-color-bg-surface)"),
+		line: gridlines ? color("var(--dou-sheet-line)") : "none",
+		freezeLine: color("var(--dou-sheet-freeze-line)"),
+		headerBg: color("var(--dou-sheet-header-bg)"),
+		headerText: plainColor(colHead.color),
+		headerLine: color("var(--dou-sheet-line-strong)"),
+		checkBorder: plainColor(off.borderTopColor),
+		checkBg: plainColor(off.backgroundColor),
+		checkOn: plainColor(on.color),
+		checkOnBg: plainColor(on.backgroundColor)
+	};
+	const looks = /* @__PURE__ */ new Map();
+	const look = (raw, css) => {
+		const key = `${raw}\u0000${css}`;
+		let found = looks.get(key);
+		if (found) return found;
+		const cls = ` ${raw}`.replace(SELECTION_CLASSES, "");
+		const style = read(make(cls, css));
+		const deco = style.textDecorationLine;
+		const has = (name) => cls.includes(` ${name}`);
+		found = {
+			color: plainColor(style.color),
+			background: fillOf(style.backgroundColor),
+			bold: Number.parseInt(style.fontWeight) >= 600,
+			italic: style.fontStyle === "italic",
+			underline: deco.includes("underline"),
+			strike: deco.includes("line-through"),
+			align: has("is-align-center") ? "center" : has("is-align-right") ? "right" : "left",
+			valign: has("is-valign-top") ? "top" : has("is-valign-bottom") ? "bottom" : "middle",
+			wrap: has("is-wrap"),
+			line: gridlines ? plainColor(style.borderRightColor) : null
+		};
+		if (has("has-bar")) found.barColor = color(style.getPropertyValue("--dou-sheet-bar-color"));
+		looks.set(key, found);
+		return found;
+	};
+	const tags = /* @__PURE__ */ new Map();
+	const tag = (tone) => {
+		const key = tone ?? "";
+		let found = tags.get(key);
+		if (!found) {
+			const cls = "dou-tag dou-tag--soft dou-sheet__tag";
+			const style = read(make(tone && tone !== "neutral" ? `${cls} dou-tag--${tone}` : `${cls} is-neutral`));
+			found = {
+				background: plainColor(style.backgroundColor),
+				color: plainColor(style.color),
+				border: plainColor(style.borderTopColor)
+			};
+			tags.set(key, found);
+		}
+		return found;
+	};
+	const icons = /* @__PURE__ */ new Map();
+	const icon = (component, area, fill) => {
+		let markup = icons.get(component);
+		if (markup === void 0) {
+			const holder = make("");
+			try {
+				render(h(component), holder);
+				markup = holder.querySelector("svg")?.outerHTML ?? "";
+			} catch {
+				markup = "";
+			}
+			render(null, holder);
+			icons.set(component, markup);
+		}
+		if (!markup) return "";
+		return markup.replace(/^<svg\b([^>]*)>/, (_, attrs) => {
+			return `<svg${attrs.replace(/\s(width|height|x|y|class|style|aria-[\w-]+|role)="[^"]*"/g, "")} x="${at(area.x)}" y="${at(area.y)}" width="${at(area.width)}" height="${at(area.height)}">`;
+		}).replace(/currentColor/g, fill);
+	};
+	return {
+		theme,
+		look,
+		tag,
+		color,
+		icon,
+		done: () => box.remove()
+	};
+}
+/** A select cell's option tone, or `undefined` when its value isn't one of the options. */
+function optionTone(props) {
+	const setup = props?.setup;
+	for (const option of setup?.options ?? []) {
+		const picked = optionOf(option);
+		if (picked.value === props.value) return { tone: picked.tone };
+	}
+}
+/** Wide enough for the longest row number drawn. */
+var exportHeaderWidth = (rowList) => Math.max(40, String((rowList[rowList.length - 1] ?? 0) + 1).length * 8 + 16);
+var exportMeasure;
+var measureText = (text, font) => {
+	exportMeasure ??= document.createElement("canvas").getContext("2d");
+	if (!exportMeasure) return text.length * 7;
+	if (exportMeasure.font !== font) exportMeasure.font = font;
+	return exportMeasure.measureText(text).width;
+};
+/** A4 less 10mm margins, in px at 96 per inch: [width, height]. */
+var PAGE = {
+	portrait: [718, 1047],
+	landscape: [1047, 718]
+};
+/**
+* Runs of lines that fit `room` each, after the lines repeated on every
+* page. A line bigger than the room gets a page of its own.
+*/
+function pagesOf(list, size, room) {
+	const pages = [];
+	let page = [];
+	let used = 0;
+	for (const i of list) {
+		const s = size(i);
+		if (page.length && used + s > room) {
+			pages.push(page);
+			page = [];
+			used = 0;
+		}
+		page.push(i);
+		used += s;
+	}
+	if (page.length || !pages.length) pages.push(page);
+	return pages;
+}
+/** The cells an image or print shows: `range`, or the cells with data and the merges. */
+function exportBounds(range, t) {
+	const lastRow = t.rows.count - 1;
+	const lastCol = t.cols.count - 1;
+	if (range != null) {
+		const parsed = parseRange(range);
+		if (!parsed) throw new RangeError(`[@dou-ui/sheet] "${range}" isn't a range`);
+		const b = boundsOf(parsed);
+		return {
+			top: Math.max(0, b.top),
+			left: Math.max(0, b.left),
+			bottom: Math.min(lastRow, b.bottom),
+			right: Math.min(lastCol, b.right)
+		};
+	}
+	const b = dataBounds(t.data) ?? {
+		top: 0,
+		left: 0,
+		bottom: 0,
+		right: 0
+	};
+	for (const m of t.merges.list) {
+		b.bottom = Math.max(b.bottom, m.bottom);
+		b.right = Math.max(b.right, m.right);
+	}
+	return {
+		top: 0,
+		left: 0,
+		bottom: Math.min(lastRow, b.bottom),
+		right: Math.min(lastCol, b.right)
+	};
+}
+/** `exportSVG`, `exportPNG` and `print` of a grid. */
+function createSheetExport(src) {
+	/** What to draw for some rows and columns, in this order, each list sorted. */
+	function exportDrawing(rowList, colList, options, reader, t) {
+		const { rows: r, cols: c, merges, data } = t;
+		const rowAt = new Map(rowList.map((row, i) => [row, i]));
+		const colAt = new Map(colList.map((col, i) => [col, i]));
+		const ys = [0];
+		for (const row of rowList) ys.push(ys[ys.length - 1] + r.size(row));
+		const xs = [0];
+		for (const col of colList) xs.push(xs[xs.length - 1] + c.size(col));
+		const f = t.frozen;
+		const cells = [];
+		const add = (view, x, y, width, height, merged = false) => {
+			if (view.hidden) return;
+			const bar = view.cls.includes(" has-bar");
+			const look = reader.look(view.cls, bar ? view.css.replace(BAR_SPAN, "") : view.css);
+			const cell = {
+				x,
+				y,
+				width,
+				height,
+				text: view.text,
+				look
+			};
+			if (merged) cell.merged = true;
+			if (bar && look.barColor) cell.bar = {
+				from: Number.parseFloat(/--dou-sheet-bar-from:([\d.]+)%/.exec(view.css)?.[1] ?? "0") / 100,
+				to: Number.parseFloat(/--dou-sheet-bar-to:([\d.]+)%/.exec(view.css)?.[1] ?? "0") / 100,
+				color: look.barColor
+			};
+			if (view.draw) cell.draw = view.draw;
+			else if (view.render === CellCheck) cell.check = view.props?.value === true;
+			else if (view.render === CellOption) {
+				const option = view.text ? optionTone(view.props) : void 0;
+				if (option) cell.tag = reader.tag(option.tone);
+			} else if (view.render && !view.cls.includes(" is-error")) cell.text = view.label ?? view.text;
+			if (!merged && !cell.text && !look.background && !cell.bar && cell.check === void 0 && !cell.draw) return;
+			cells.push(cell);
+		};
+		const seen = /* @__PURE__ */ new Set();
+		rowList.forEach((row, ri) => {
+			const line = data.cells[row];
+			colList.forEach((col, ci) => {
+				const m = merges.size ? merges.at(row, col) : void 0;
+				if (!m) return add(t.cellView(row, col, line, c.size(col)), xs[ci], ys[ri], c.size(col), r.size(row));
+				if (seen.has(m)) return;
+				seen.add(m);
+				let last = ri;
+				while (last + 1 < rowList.length && rowList[last + 1] <= m.bottom) last++;
+				let right = ci;
+				while (right + 1 < colList.length && colList[right + 1] <= m.right) right++;
+				const view = t.cellView(m.top, m.left, data.cells[m.top], c.offset(m.right + 1) - c.offset(m.left), m);
+				if (!rowAt.has(m.top) || !colAt.has(m.left)) {
+					view.text = "";
+					view.render = void 0;
+				}
+				add(view, xs[ci], ys[ri], xs[right + 1] - xs[ci], ys[last + 1] - ys[ri], true);
+			});
+		});
+		const frozenRows = rowList.filter((row) => row < f.rows).length;
+		const frozenCols = colList.filter((col) => col < f.cols).length;
+		return {
+			colWidths: colList.map((col) => c.size(col)),
+			rowHeights: rowList.map((row) => r.size(row)),
+			colNames: options.headers ? colList.map(columnName) : void 0,
+			rowNames: options.headers ? rowList.map((row) => String(row + 1)) : void 0,
+			headerWidth: options.headers ? exportHeaderWidth(rowList) : 0,
+			headerHeight: options.headers ? src.rowHeight() : 0,
+			frozenRows: frozenRows < rowList.length ? frozenRows : 0,
+			frozenCols: frozenCols < colList.length ? frozenCols : 0,
+			cells,
+			gridlines: options.gridlines,
+			background: options.background,
+			theme: reader.theme,
+			icon: reader.icon,
+			color: reader.color
+		};
+	}
+	/**
+	* The cells of a sheet laid out as the grid draws them, in plain colors,
+	* given to `use` while the page's styles can still be read, as cell
+	* types' drawings read colors.
+	*/
+	function drawingOf(options, use) {
+		const t = src.target(options.sheet);
+		const b = exportBounds(options.range, t);
+		const gridlines = options.gridlines ?? src.gridlines();
+		const reader = exportReader(src.root() ?? document.body, false, gridlines);
+		try {
+			return use(exportDrawing(shownLines(t.rows, b.top, b.bottom), shownLines(t.cols, b.left, b.right), {
+				headers: options.headers ?? false,
+				gridlines,
+				background: options.background ?? true
+			}, reader, t));
+		} finally {
+			reader.done();
+		}
+	}
+	/** The sheet as an SVG document, and its size. */
+	function exportImage(options) {
+		return drawingOf(options, (laid) => ({
+			svg: drawSheet(laid, measureText),
+			...drawingSize(laid)
+		}));
+	}
+	function exportSVG(options = {}) {
+		return exportImage(options).svg;
+	}
+	async function exportPNG(options = {}) {
+		const { svg, width, height } = exportImage(options);
+		return svgToPNG(svg, {
+			width,
+			height,
+			pixelRatio: options.pixelRatio,
+			scope: "@dou-ui/sheet",
+			hint: "export a smaller range a part at a time, or use exportSVG() / toCSV()"
+		});
+	}
+	function print(options = {}) {
+		const t = src.target(options.sheet);
+		const b = exportBounds(options.range, t);
+		const gridlines = options.gridlines ?? src.gridlines();
+		const headers = options.headers ?? false;
+		const { rows: r, cols: c, frozen: f } = t;
+		const rowList = shownLines(r, b.top, b.bottom);
+		const colList = shownLines(c, b.left, b.right);
+		const repeatRows = rowList.filter((row) => row < f.rows);
+		const repeatCols = colList.filter((col) => col < f.cols);
+		const bodyRows = rowList.filter((row) => row >= f.rows);
+		const bodyCols = colList.filter((col) => col >= f.cols);
+		const head = headers ? exportHeaderWidth(rowList) : 0;
+		const orientation = options.orientation ?? (head + sum(colList, c) > PAGE.portrait[0] ? "landscape" : "portrait");
+		const [pageWidth, pageHeight] = PAGE[orientation];
+		const title = options.title ?? "";
+		const titleHeight = title ? 28 : 0;
+		const across = pagesOf(bodyCols, (i) => c.size(i), pageWidth - head - sum(repeatCols, c));
+		const down = pagesOf(bodyRows, (i) => r.size(i), pageHeight - titleHeight - (headers ? src.rowHeight() : 0) - sum(repeatRows, r));
+		const reader = exportReader(src.root() ?? document.body, true, gridlines);
+		const pages = [];
+		try {
+			for (const cols of across) for (const rows of down) {
+				const drawing = exportDrawing([...repeatRows, ...rows], [...repeatCols, ...cols], {
+					headers,
+					gridlines,
+					background: true
+				}, reader, t);
+				pages.push(`<div class="page">${title ? `<h1>${escapeXML(title)}</h1>` : ""}${drawSheet(drawing, measureText)}</div>`);
+			}
+		} finally {
+			reader.done();
+		}
+		const iframe = document.createElement("iframe");
+		iframe.setAttribute("aria-hidden", "true");
+		iframe.style.cssText = "position:fixed;width:0;height:0;border:0;visibility:hidden";
+		document.body.append(iframe);
+		const doc = iframe.contentDocument;
+		doc.open();
+		doc.write(`<!doctype html><html><head><meta charset="utf-8"><title>${escapeXML(title || document.title)}</title><style>@page{size:A4 ${orientation};margin:10mm;@bottom-center{content:counter(page) " / " counter(pages);font:9px ${reader.theme.fontFamily};color:#8a8a8a}}html,body{margin:0}h1{margin:0 0 10px;font:600 14px/18px ${reader.theme.fontFamily};color:#1f1f1f}.page{break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact}.page:last-child{break-after:auto}svg{display:block;max-width:100%;height:auto}</style></head><body>${pages.join("")}</body></html>`);
+		doc.close();
+		const win = iframe.contentWindow;
+		const done = () => iframe.remove();
+		win.addEventListener("afterprint", done);
+		setTimeout(done, 6e4);
+		win.focus();
+		win.print();
+	}
+	return {
+		exportSVG,
+		exportPNG,
+		print,
+		drawing: (options = {}) => drawingOf(options, (laid) => laid)
+	};
+}
+export { createSheetExport };
+
+//# sourceMappingURL=index.js.map

package/dist/export/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/export/index.ts"],"sourcesContent":["import { svgToPNG } from 'dou-ui'\nimport type { SheetAxis } from '../core/axis'\nimport type { SheetBounds } from '../core/address'\nimport { boundsOf, columnName, parseRange } from '../core/address'\nimport { h, render, type Component } from 'vue'\nimport {\n  optionOf,\n  type SheetCellType,\n  type SheetDrawContext,\n  type SheetDrawRect,\n} from '../core/cell-type'\nimport { dataBounds } from '../core/csv'\nimport type { SheetMerges } from '../core/merge'\nimport type { SheetData, SheetTypeSetup } from '../core/model'\nimport { CellCheck, CellOption } from '../components/cell-renders'\nimport type { SheetRef } from '../core/transaction'\nimport type { SheetExportOptions, SheetImageOptions, SheetPrintOptions } from '../types'\nimport { plainColor } from './color'\nimport {\n  drawSheet,\n  drawingSize,\n  escapeXML,\n  type DrawCell,\n  type DrawLook,\n  type DrawTheme,\n  type MeasureText,\n  type SheetDrawing,\n} from './draw'\n\n/** A cell as the grid draws it, which images and pages draw the same way. */\nexport interface ExportCellView {\n  text: string\n  cls: string\n  css: string\n  render?: SheetCellType['render']\n  props?: Record<string, unknown>\n  /** A cell type's own drawing, as SVG markup. */\n  draw?: (draw: SheetDrawContext) => string\n  label?: string\n  hidden?: boolean\n}\n\n/** A sheet as images and pages draw it: its data, laid out, and its cells as the grid draws them. */\nexport interface SheetExportTarget {\n  data: SheetData\n  rows: SheetAxis\n  cols: SheetAxis\n  frozen: { rows: number; cols: number }\n  merges: SheetMerges\n  cellView: (\n    row: number,\n    col: number,\n    line: SheetData['cells'][number],\n    width: number,\n    span?: SheetBounds,\n  ) => ExportCellView\n}\n\n/** What of the grid images and pages are drawn from. */\nexport interface SheetExportSource {\n  root: () => HTMLElement | undefined\n  /** The sheet shown, or the one named. */\n  target: (sheet?: SheetRef) => SheetExportTarget\n  rowHeight: () => number\n  gridlines: () => boolean\n}\n\ntype ExportReader = ReturnType<typeof exportReader>\n\n/** The lines from `from` to `to` that show: hidden ones and rows the filter hides are left out. */\nfunction shownLines(axis: SheetAxis, from: number, to: number) {\n  const list: number[] = []\n  for (let i = from; i <= to; i++) if (axis.size(i) > 0) list.push(i)\n  return list\n}\n\nconst read = (el: Element) => getComputedStyle(el)\n\nconst at = (value: number) => String(Math.round(value * 100) / 100)\n\n/** A fill as a plain color, `null` for none. */\nfunction fillOf(value: string) {\n  const plain = plainColor(value)\n  return /^rgba\\(.*,\\s*0\\)$/.test(plain) || value === 'transparent' ? null : plain\n}\n\nconst sum = (list: number[], axis: SheetAxis) => list.reduce((total, i) => total + axis.size(i), 0)\n\nconst BAR_SPAN = /--dou-sheet-bar-(from|to):[^;]*;/g\nconst SELECTION_CLASSES = / is-(selected|active|edge-\\w+|invalid|freeze-edge)\\b/g\n\n/**\n * Reads how cells look from cells made like the grid's own, in a sheet of\n * their own inside this one so its tokens apply, or in the light theme\n * for paper. `look` turns a cell's classes and style into plain colors.\n */\nfunction exportReader(root: HTMLElement, light: boolean, gridlines: boolean) {\n  const box = document.createElement('div')\n  box.className = `dou-sheet${gridlines ? ' has-gridlines' : ''}`\n  if (light) box.dataset.douTheme = 'light'\n  box.setAttribute('aria-hidden', 'true')\n  box.style.cssText =\n    'position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none'\n  root.append(box)\n  const make = (className: string, css = '') => {\n    const el = document.createElement('div')\n    el.className = className\n    if (css) el.style.cssText = css\n    box.append(el)\n    return el\n  }\n  const color = (value: string) => {\n    const el = make('')\n    el.style.color = value\n    return plainColor(read(el).color)\n  }\n  const cell = read(make('dou-sheet__cell'))\n  const bold = read(make('dou-sheet__cell is-bold'))\n  const colHead = read(make('dou-sheet__col-head'))\n  const off = read(make('dou-sheet__check'))\n  const on = read(make('dou-sheet__check is-checked'))\n  const theme: DrawTheme = {\n    fontFamily: cell.fontFamily,\n    fontSize: Number.parseFloat(cell.fontSize) || 13,\n    boldWeight: bold.fontWeight,\n    surface: color('var(--dou-color-bg-surface)'),\n    line: gridlines ? color('var(--dou-sheet-line)') : 'none',\n    freezeLine: color('var(--dou-sheet-freeze-line)'),\n    headerBg: color('var(--dou-sheet-header-bg)'),\n    headerText: plainColor(colHead.color),\n    headerLine: color('var(--dou-sheet-line-strong)'),\n    checkBorder: plainColor(off.borderTopColor),\n    checkBg: plainColor(off.backgroundColor),\n    checkOn: plainColor(on.color),\n    checkOnBg: plainColor(on.backgroundColor),\n  }\n  const looks = new Map<string, DrawLook & { barColor?: string }>()\n  const look = (raw: string, css: string) => {\n    const key = `${raw}\\u0000${css}`\n    let found = looks.get(key)\n    if (found) return found\n    // the selection isn't drawn\n    const cls = ` ${raw}`.replace(SELECTION_CLASSES, '')\n    const style = read(make(cls, css))\n    const deco = style.textDecorationLine\n    const has = (name: string) => cls.includes(` ${name}`)\n    found = {\n      color: plainColor(style.color),\n      background: fillOf(style.backgroundColor),\n      bold: Number.parseInt(style.fontWeight) >= 600,\n      italic: style.fontStyle === 'italic',\n      underline: deco.includes('underline'),\n      strike: deco.includes('line-through'),\n      align: has('is-align-center') ? 'center' : has('is-align-right') ? 'right' : 'left',\n      valign: has('is-valign-top') ? 'top' : has('is-valign-bottom') ? 'bottom' : 'middle',\n      wrap: has('is-wrap'),\n      line: gridlines ? plainColor(style.borderRightColor) : null,\n    }\n    if (has('has-bar')) found.barColor = color(style.getPropertyValue('--dou-sheet-bar-color'))\n    looks.set(key, found)\n    return found\n  }\n  const tags = new Map<string, NonNullable<DrawCell['tag']>>()\n  const tag = (tone: string | undefined) => {\n    const key = tone ?? ''\n    let found = tags.get(key)\n    if (!found) {\n      const cls = 'dou-tag dou-tag--soft dou-sheet__tag'\n      const style = read(\n        make(tone && tone !== 'neutral' ? `${cls} dou-tag--${tone}` : `${cls} is-neutral`),\n      )\n      found = {\n        background: plainColor(style.backgroundColor),\n        color: plainColor(style.color),\n        border: plainColor(style.borderTopColor),\n      }\n      tags.set(key, found)\n    }\n    return found\n  }\n  // icons drawn once each, as SVG with their color left to fill in\n  const icons = new Map<Component, string>()\n  const icon = (component: Component, area: SheetDrawRect, fill: string) => {\n    let markup = icons.get(component)\n    if (markup === undefined) {\n      const holder = make('')\n      try {\n        render(h(component), holder)\n        markup = holder.querySelector('svg')?.outerHTML ?? ''\n      } catch {\n        markup = ''\n      }\n      render(null, holder)\n      icons.set(component, markup)\n    }\n    if (!markup) return ''\n    return markup\n      .replace(/^<svg\\b([^>]*)>/, (_, attrs: string) => {\n        const kept = attrs.replace(/\\s(width|height|x|y|class|style|aria-[\\w-]+|role)=\"[^\"]*\"/g, '')\n        return `<svg${kept} x=\"${at(area.x)}\" y=\"${at(area.y)}\" width=\"${at(area.width)}\" height=\"${at(area.height)}\">`\n      })\n      .replace(/currentColor/g, fill)\n  }\n  return { theme, look, tag, color, icon, done: () => box.remove() }\n}\n\n/** A select cell's option tone, or `undefined` when its value isn't one of the options. */\nfunction optionTone(props: Record<string, unknown> | undefined) {\n  const setup = props?.setup as SheetTypeSetup | undefined\n  for (const option of setup?.options ?? []) {\n    const picked = optionOf(option)\n    if (picked.value === props!.value) return { tone: picked.tone }\n  }\n  return undefined\n}\n\n/** Wide enough for the longest row number drawn. */\nconst exportHeaderWidth = (rowList: number[]) =>\n  Math.max(40, String((rowList[rowList.length - 1] ?? 0) + 1).length * 8 + 16)\n\nlet exportMeasure: CanvasRenderingContext2D | null | undefined\nconst measureText: MeasureText = (text, font) => {\n  exportMeasure ??= document.createElement('canvas').getContext('2d')\n  if (!exportMeasure) return text.length * 7\n  if (exportMeasure.font !== font) exportMeasure.font = font\n  return exportMeasure.measureText(text).width\n}\n\n/** A4 less 10mm margins, in px at 96 per inch: [width, height]. */\nconst PAGE = { portrait: [718, 1047], landscape: [1047, 718] } as const\n\n/**\n * Runs of lines that fit `room` each, after the lines repeated on every\n * page. A line bigger than the room gets a page of its own.\n */\nfunction pagesOf(list: number[], size: (i: number) => number, room: number) {\n  const pages: number[][] = []\n  let page: number[] = []\n  let used = 0\n  for (const i of list) {\n    const s = size(i)\n    if (page.length && used + s > room) {\n      pages.push(page)\n      page = []\n      used = 0\n    }\n    page.push(i)\n    used += s\n  }\n  if (page.length || !pages.length) pages.push(page)\n  return pages\n}\n\n/** The cells an image or print shows: `range`, or the cells with data and the merges. */\nfunction exportBounds(range: string | undefined, t: SheetExportTarget): SheetBounds {\n  const lastRow = t.rows.count - 1\n  const lastCol = t.cols.count - 1\n  if (range != null) {\n    const parsed = parseRange(range)\n    if (!parsed) throw new RangeError(`[@dou-ui/sheet] \"${range}\" isn't a range`)\n    const b = boundsOf(parsed)\n    return {\n      top: Math.max(0, b.top),\n      left: Math.max(0, b.left),\n      bottom: Math.min(lastRow, b.bottom),\n      right: Math.min(lastCol, b.right),\n    }\n  }\n  const b = dataBounds(t.data) ?? { top: 0, left: 0, bottom: 0, right: 0 }\n  for (const m of t.merges.list) {\n    b.bottom = Math.max(b.bottom, m.bottom)\n    b.right = Math.max(b.right, m.right)\n  }\n  return {\n    top: 0,\n    left: 0,\n    bottom: Math.min(lastRow, b.bottom),\n    right: Math.min(lastCol, b.right),\n  }\n}\n/** `exportSVG`, `exportPNG` and `print` of a grid. */\nexport function createSheetExport(src: SheetExportSource) {\n  /** What to draw for some rows and columns, in this order, each list sorted. */\n  function exportDrawing(\n    rowList: number[],\n    colList: number[],\n    options: { headers: boolean; gridlines: boolean; background: boolean },\n    reader: ExportReader,\n    t: SheetExportTarget,\n  ): SheetDrawing {\n    const { rows: r, cols: c, merges, data } = t\n    const rowAt = new Map(rowList.map((row, i) => [row, i]))\n    const colAt = new Map(colList.map((col, i) => [col, i]))\n    const ys = [0]\n    for (const row of rowList) ys.push(ys[ys.length - 1]! + r.size(row))\n    const xs = [0]\n    for (const col of colList) xs.push(xs[xs.length - 1]! + c.size(col))\n    const f = t.frozen\n    const cells: DrawCell[] = []\n    const add = (\n      view: ExportCellView,\n      x: number,\n      y: number,\n      width: number,\n      height: number,\n      merged = false,\n    ) => {\n      if (view.hidden) return\n      const bar = view.cls.includes(' has-bar')\n      // the bar's length is the cell's own; its color is the look's\n      const look = reader.look(view.cls, bar ? view.css.replace(BAR_SPAN, '') : view.css)\n      const cell: DrawCell = { x, y, width, height, text: view.text, look }\n      if (merged) cell.merged = true\n      if (bar && look.barColor) {\n        const from =\n          Number.parseFloat(/--dou-sheet-bar-from:([\\d.]+)%/.exec(view.css)?.[1] ?? '0') / 100\n        const to =\n          Number.parseFloat(/--dou-sheet-bar-to:([\\d.]+)%/.exec(view.css)?.[1] ?? '0') / 100\n        cell.bar = { from, to, color: look.barColor }\n      }\n      if (view.draw) cell.draw = view.draw\n      else if (view.render === CellCheck) cell.check = view.props?.value === true\n      else if (view.render === CellOption) {\n        const option = view.text ? optionTone(view.props) : undefined\n        if (option) cell.tag = reader.tag(option.tone)\n      } else if (view.render && !view.cls.includes(' is-error')) cell.text = view.label ?? view.text\n      if (\n        !merged &&\n        !cell.text &&\n        !look.background &&\n        !cell.bar &&\n        cell.check === undefined &&\n        !cell.draw\n      )\n        return\n      cells.push(cell)\n    }\n    const seen = new Set<SheetBounds>()\n    rowList.forEach((row, ri) => {\n      const line = data.cells[row]\n      colList.forEach((col, ci) => {\n        const m = merges.size ? merges.at(row, col) : undefined\n        if (!m)\n          return add(\n            t.cellView(row, col, line, c.size(col)),\n            xs[ci]!,\n            ys[ri]!,\n            c.size(col),\n            r.size(row),\n          )\n        if (seen.has(m)) return\n        seen.add(m)\n        // a merge from its first row and column drawn to its last\n        let last = ri\n        while (last + 1 < rowList.length && rowList[last + 1]! <= m.bottom) last++\n        let right = ci\n        while (right + 1 < colList.length && colList[right + 1]! <= m.right) right++\n        const view = t.cellView(\n          m.top,\n          m.left,\n          data.cells[m.top],\n          c.offset(m.right + 1) - c.offset(m.left),\n          m,\n        )\n        // its text shows where its top left cell is\n        if (!rowAt.has(m.top) || !colAt.has(m.left)) {\n          view.text = ''\n          view.render = undefined\n        }\n        add(view, xs[ci]!, ys[ri]!, xs[right + 1]! - xs[ci]!, ys[last + 1]! - ys[ri]!, true)\n      })\n    })\n    const frozenRows = rowList.filter((row) => row < f.rows).length\n    const frozenCols = colList.filter((col) => col < f.cols).length\n    return {\n      colWidths: colList.map((col) => c.size(col)),\n      rowHeights: rowList.map((row) => r.size(row)),\n      colNames: options.headers ? colList.map(columnName) : undefined,\n      rowNames: options.headers ? rowList.map((row) => String(row + 1)) : undefined,\n      headerWidth: options.headers ? exportHeaderWidth(rowList) : 0,\n      headerHeight: options.headers ? src.rowHeight() : 0,\n      // a firmer line only between the frozen lines and the rest drawn\n      frozenRows: frozenRows < rowList.length ? frozenRows : 0,\n      frozenCols: frozenCols < colList.length ? frozenCols : 0,\n      cells,\n      gridlines: options.gridlines,\n      background: options.background,\n      theme: reader.theme,\n      icon: reader.icon,\n      color: reader.color,\n    }\n  }\n\n  /**\n   * The cells of a sheet laid out as the grid draws them, in plain colors,\n   * given to `use` while the page's styles can still be read, as cell\n   * types' drawings read colors.\n   */\n  function drawingOf<T>(options: SheetExportOptions, use: (drawing: SheetDrawing) => T): T {\n    const t = src.target(options.sheet)\n    const b = exportBounds(options.range, t)\n    const gridlines = options.gridlines ?? src.gridlines()\n    const reader = exportReader(src.root() ?? document.body, false, gridlines)\n    try {\n      return use(\n        exportDrawing(\n          shownLines(t.rows, b.top, b.bottom),\n          shownLines(t.cols, b.left, b.right),\n          { headers: options.headers ?? false, gridlines, background: options.background ?? true },\n          reader,\n          t,\n        ),\n      )\n    } finally {\n      reader.done()\n    }\n  }\n\n  /** The sheet as an SVG document, and its size. */\n  function exportImage(options: SheetExportOptions) {\n    return drawingOf(options, (laid) => ({\n      svg: drawSheet(laid, measureText),\n      ...drawingSize(laid),\n    }))\n  }\n\n  function exportSVG(options: SheetExportOptions = {}) {\n    return exportImage(options).svg\n  }\n\n  async function exportPNG(options: SheetImageOptions = {}) {\n    const { svg, width, height } = exportImage(options)\n    return svgToPNG(svg, {\n      width,\n      height,\n      pixelRatio: options.pixelRatio,\n      scope: '@dou-ui/sheet',\n      hint: 'export a smaller range a part at a time, or use exportSVG() / toCSV()',\n    })\n  }\n\n  function print(options: SheetPrintOptions = {}) {\n    const t = src.target(options.sheet)\n    const b = exportBounds(options.range, t)\n    const gridlines = options.gridlines ?? src.gridlines()\n    const headers = options.headers ?? false\n    const { rows: r, cols: c, frozen: f } = t\n    const rowList = shownLines(r, b.top, b.bottom)\n    const colList = shownLines(c, b.left, b.right)\n    // the frozen rows and columns are printed on every page\n    const repeatRows = rowList.filter((row) => row < f.rows)\n    const repeatCols = colList.filter((col) => col < f.cols)\n    const bodyRows = rowList.filter((row) => row >= f.rows)\n    const bodyCols = colList.filter((col) => col >= f.cols)\n    const head = headers ? exportHeaderWidth(rowList) : 0\n    const orientation =\n      options.orientation ?? (head + sum(colList, c) > PAGE.portrait[0] ? 'landscape' : 'portrait')\n    const [pageWidth, pageHeight] = PAGE[orientation]\n    const title = options.title ?? ''\n    const titleHeight = title ? 28 : 0\n    const across = pagesOf(bodyCols, (i) => c.size(i), pageWidth - head - sum(repeatCols, c))\n    const down = pagesOf(\n      bodyRows,\n      (i) => r.size(i),\n      pageHeight - titleHeight - (headers ? src.rowHeight() : 0) - sum(repeatRows, r),\n    )\n    const reader = exportReader(src.root() ?? document.body, true, gridlines)\n    const pages: string[] = []\n    try {\n      // down first, then across, as spreadsheets print\n      for (const cols of across)\n        for (const rows of down) {\n          const drawing = exportDrawing(\n            [...repeatRows, ...rows],\n            [...repeatCols, ...cols],\n            { headers, gridlines, background: true },\n            reader,\n            t,\n          )\n          pages.push(\n            `<div class=\"page\">${title ? `<h1>${escapeXML(title)}</h1>` : ''}${drawSheet(drawing, measureText)}</div>`,\n          )\n        }\n    } finally {\n      reader.done()\n    }\n    const iframe = document.createElement('iframe')\n    iframe.setAttribute('aria-hidden', 'true')\n    iframe.style.cssText = 'position:fixed;width:0;height:0;border:0;visibility:hidden'\n    document.body.append(iframe)\n    const doc = iframe.contentDocument!\n    doc.open()\n    doc.write(\n      `<!doctype html><html><head><meta charset=\"utf-8\"><title>${escapeXML(title || document.title)}</title><style>` +\n        `@page{size:A4 ${orientation};margin:10mm;@bottom-center{content:counter(page) \" / \" counter(pages);font:9px ${reader.theme.fontFamily};color:#8a8a8a}}` +\n        `html,body{margin:0}h1{margin:0 0 10px;font:600 14px/18px ${reader.theme.fontFamily};color:#1f1f1f}` +\n        `.page{break-after:page;print-color-adjust:exact;-webkit-print-color-adjust:exact}` +\n        `.page:last-child{break-after:auto}svg{display:block;max-width:100%;height:auto}` +\n        `</style></head><body>${pages.join('')}</body></html>`,\n    )\n    doc.close()\n    const win = iframe.contentWindow!\n    const done = () => iframe.remove()\n    win.addEventListener('afterprint', done)\n    // browsers that print without a dialog, or never send afterprint\n    setTimeout(done, 60_000)\n    win.focus()\n    win.print()\n  }\n\n  return {\n    exportSVG,\n    exportPNG,\n    print,\n    drawing: (options: SheetExportOptions = {}) => drawingOf(options, (laid) => laid),\n  }\n}\n"],"mappings":"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"}

package/dist/formula/edit.js

@@ -0,0 +1,210 @@
+import { formulaTokens } from "./parse.js";
+/** The references of a formula being typed, each with a color. */
+function formulaReferences(formula) {
+	if (!formula.startsWith("=")) return [];
+	const colors = /* @__PURE__ */ new Map();
+	const out = [];
+	for (const token of formulaTokens(formula)) {
+		if (token.kind !== "ref") continue;
+		const { sheet, top, left, bottom, right } = token.ref;
+		const key = `${sheet?.toLowerCase() ?? ""}!${top}:${left}:${bottom}:${right}`;
+		let color = colors.get(key);
+		if (color == null) colors.set(key, color = colors.size % 7);
+		out.push({
+			start: token.start,
+			end: token.end,
+			text: token.text,
+			sheet,
+			bounds: {
+				top,
+				left,
+				bottom,
+				right
+			},
+			color
+		});
+	}
+	return out;
+}
+/** Operators after which a value comes, so a reference can go there. */
+var BEFORE_VALUE = /* @__PURE__ */ new Set([
+	"=",
+	"(",
+	",",
+	";",
+	"+",
+	"-",
+	"*",
+	"/",
+	"^",
+	"&",
+	"<",
+	">",
+	"<=",
+	">=",
+	"<>"
+]);
+/** What may follow a value. */
+var AFTER_VALUE = /* @__PURE__ */ new Set([
+	")",
+	",",
+	";",
+	"+",
+	"-",
+	"*",
+	"/",
+	"^",
+	"&",
+	"=",
+	"<",
+	">",
+	"<=",
+	">=",
+	"<>",
+	"%"
+]);
+/**
+* Whether a reference can be put at the caret of a formula being typed:
+* right after `=`, an operator, `(` or `,`, and before nothing that is a
+* value itself. There, the arrow keys and clicking cells write references.
+*/
+function canPointAt(formula, caret) {
+	if (!formula.startsWith("=") || caret < 1) return false;
+	const tokens = formulaTokens(formula);
+	let before;
+	let after;
+	for (const token of tokens) if (token.end <= caret) before = token;
+	else if (token.start >= caret) {
+		after = token;
+		break;
+	} else return false;
+	const fits = !before || before.kind === "op" && BEFORE_VALUE.has(before.text);
+	const room = !after || after.kind === "op" && AFTER_VALUE.has(after.text);
+	return fits && room;
+}
+/** The function call the caret is in, innermost first, and which of its arguments, from 0. */
+function callAt(formula, caret) {
+	if (!formula.startsWith("=")) return null;
+	const tokens = formulaTokens(formula);
+	const stack = [];
+	let last;
+	for (const [i, token] of tokens.entries()) {
+		if (token.start >= caret) break;
+		if (token.kind === "op") {
+			if (token.text === "(") stack.push({
+				name: last?.kind === "name" && last.end === token.start ? last.text.toUpperCase() : null,
+				arg: 0,
+				open: i
+			});
+			else if (token.text === ")") stack.pop();
+			else if ((token.text === "," || token.text === ";") && stack.length) stack[stack.length - 1].arg++;
+		}
+		last = token;
+	}
+	for (let i = stack.length - 1; i >= 0; i--) {
+		const call = stack[i];
+		if (!call.name) continue;
+		let count = 1;
+		let depth = 0;
+		for (const token of tokens.slice(call.open + 1)) {
+			if (token.kind !== "op") continue;
+			if (token.text === "(") depth++;
+			else if (token.text === ")") {
+				if (!depth--) break;
+			} else if ((token.text === "," || token.text === ";") && !depth) count++;
+		}
+		return {
+			name: call.name,
+			arg: call.arg,
+			count
+		};
+	}
+	return null;
+}
+/** The number an argument's name ends with, such as `2` of `[值2`. */
+var numberOf = (name) => /(\d+)\]?$/.exec(name.replace(/^\[/, ""))?.[1];
+/**
+* Which of a function's argument names the argument at `index` (of `count`)
+* is, or -1. After `…` the names before it repeat as a group, such as the
+* pairs of `SUMIFS` or `SWITCH`, numbered alike (`区域1, 条件1`); names after
+* `…`, such as `SWITCH`'s default, are the last arguments when the pairs come out even.
+*/
+function argNameAt(args, index, count) {
+	const more = args.indexOf("…");
+	if (more === -1) return index < args.length ? index : -1;
+	if (index < more) return index;
+	const last = numberOf(args[more - 1] ?? "");
+	let group = 1;
+	if (last != null) while (group < more && numberOf(args[more - 1 - group]) === last) group++;
+	const tail = args.length - more - 1;
+	if (tail && count - tail >= more && (count - tail - more) % group === 0) {
+		const fromEnd = count - index;
+		if (fromEnd <= tail) return args.length - fromEnd;
+	}
+	const start = more - group;
+	return start + (index - start) % group;
+}
+/**
+* The name being typed at the caret, to complete as a function: letters
+* ending at the caret, not yet followed by `(`.
+*/
+function nameAt(formula, caret) {
+	if (!formula.startsWith("=")) return null;
+	const tokens = formulaTokens(formula);
+	for (const [i, token] of tokens.entries()) {
+		if (token.end !== caret) continue;
+		const text = token.kind === "ref" && /^[a-z]+\d*$/i.test(token.text) ? token.text : token.kind === "name" ? token.text : null;
+		if (!text || !/^[\p{L}_]/u.test(text)) return null;
+		const next = tokens[i + 1];
+		if (next && next.start === token.end && next.text === "(") return null;
+		return {
+			start: token.start,
+			end: token.end,
+			text
+		};
+	}
+	return null;
+}
+/**
+* A formula cut into its colored pieces: references in their colors, and
+* function names, "text", numbers, error values and operators in the
+* syntax colors of `@dou-ui/code`, so the cell and either formula bar color
+* it alike. Ends with a zero-width space, so a last line break still takes
+* a line.
+*/
+function formulaParts(formula, marks = formulaReferences(formula)) {
+	const parts = [];
+	if (!formula.startsWith("=")) return [{ text: `${formula}​` }];
+	const colors = new Map(marks.map((mark) => [mark.start, mark.color]));
+	const tokens = formulaTokens(formula);
+	parts.push({
+		text: "=",
+		syntax: "operator"
+	});
+	let at = 1;
+	for (const [i, token] of tokens.entries()) {
+		if (token.start > at) parts.push({ text: formula.slice(at, token.start) });
+		const part = { text: token.text };
+		if (token.kind === "ref") {
+			const color = colors.get(token.start);
+			if (color == null) part.syntax = "variable";
+			else part.color = color;
+		} else if (token.kind === "number") part.syntax = "number";
+		else if (token.kind === "text") part.syntax = "string";
+		else if (token.kind === "error") part.syntax = "invalid";
+		else if (token.kind === "name") part.syntax = tokens[i + 1]?.text === "(" ? "function" : /^(?:TRUE|FALSE)$/i.test(token.text) ? "keyword" : "variable";
+		else part.syntax = /^[(),;{}]$/.test(token.text) ? "punctuation" : "operator";
+		parts.push(part);
+		at = token.end;
+	}
+	parts.push({ text: `${formula.slice(at)}​` });
+	return parts;
+}
+/** The class a piece of `formulaParts` is shown with. */
+function partClass(part) {
+	if (part.color != null) return `is-ref-${part.color}`;
+	return part.syntax && `dou-syntax-${part.syntax}`;
+}
+export { argNameAt, callAt, canPointAt, formulaParts, formulaReferences, nameAt, partClass };
+
+//# sourceMappingURL=edit.js.map