@heyirisai/docx-editor-vue 1.9.0

package/dist/useCommentSidebarItems-DBeGKNGA.cjs

@@ -0,0 +1 @@
+let e=require(`vue`);function t({comments:t,trackedChanges:n,showResolved:r,isAddingComment:i,addCommentYPosition:a}){return(0,e.computed)(()=>{let e=[];i?.value&&a?.value!=null&&e.push({id:`new-comment-input`,anchorPos:0,fixedY:a.value,priority:-1e3,isTemporary:!0,estimatedHeight:120,kind:`add-comment`});let o=new Map;for(let e of t.value)if(e.parentId!=null){let t=o.get(e.parentId);t?t.push(e):o.set(e.parentId,[e])}for(let n of t.value)n.parentId??(n.done&&!r?.value||e.push({id:`comment-${n.id}`,anchorPos:0,anchorKey:`comment-${n.id}`,priority:0,estimatedHeight:n.done?28:80,kind:`comment`,comment:n,replies:o.get(n.id)??[]}));return n.value.forEach((t,n)=>{e.push({id:`tc-${t.revisionId}-${n}`,anchorPos:t.from,anchorKey:`revision-${t.revisionId}`,priority:1,estimatedHeight:80,kind:`tracked-change`,change:t,replies:o.get(t.revisionId)??[]})}),e})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/useCommentSidebarItems-DXbF857R.js

@@ -0,0 +1,45 @@
+import { computed as e } from "vue";
+//#region src/composables/useCommentSidebarItems.ts
+function t({ comments: t, trackedChanges: n, showResolved: r, isAddingComment: i, addCommentYPosition: a }) {
+	return e(() => {
+		let e = [];
+		i?.value && a?.value != null && e.push({
+			id: "new-comment-input",
+			anchorPos: 0,
+			fixedY: a.value,
+			priority: -1e3,
+			isTemporary: !0,
+			estimatedHeight: 120,
+			kind: "add-comment"
+		});
+		let o = /* @__PURE__ */ new Map();
+		for (let e of t.value) if (e.parentId != null) {
+			let t = o.get(e.parentId);
+			t ? t.push(e) : o.set(e.parentId, [e]);
+		}
+		for (let n of t.value) n.parentId ?? (n.done && !r?.value || e.push({
+			id: `comment-${n.id}`,
+			anchorPos: 0,
+			anchorKey: `comment-${n.id}`,
+			priority: 0,
+			estimatedHeight: n.done ? 28 : 80,
+			kind: "comment",
+			comment: n,
+			replies: o.get(n.id) ?? []
+		}));
+		return n.value.forEach((t, n) => {
+			e.push({
+				id: `tc-${t.revisionId}-${n}`,
+				anchorPos: t.from,
+				anchorKey: `revision-${t.revisionId}`,
+				priority: 1,
+				estimatedHeight: 80,
+				kind: "tracked-change",
+				change: t,
+				replies: o.get(t.revisionId) ?? []
+			});
+		}), e;
+	});
+}
+//#endregion
+export { t };

package/dist/useDragAutoScroll-CVltVfKK.js

@@ -0,0 +1,520 @@
+import { computed as e, onBeforeUnmount as t, onMounted as n, ref as r, shallowRef as i, unref as a, watch as o } from "vue";
+import { EditorState as s } from "prosemirror-state";
+import { getColumns as c, getMargins as l, getPageSize as u, measureTableBlock as d, resolveHeaderFooter as f } from "@heyirisai/docx-editor-core/layout-bridge";
+import { ensureParaIdsInState as p, schema as m } from "@heyirisai/docx-editor-core/prosemirror";
+import { getEmbeddedFontFamilies as h, getRenderableDocumentFonts as g } from "@heyirisai/docx-editor-core/utils";
+import { applySdtFocus as _, buildBlockLookup as ee, enclosingSdtGroupIds as v } from "@heyirisai/docx-editor-core/layout-painter";
+import { createEmptyDoc as y, headerFooterToProseDoc as b, proseDocToBlocks as x, toProseDoc as S } from "@heyirisai/docx-editor-core/prosemirror/conversion";
+import { EditorView as C } from "prosemirror-view";
+import { parseDocx as te } from "@heyirisai/docx-editor-core/docx/parser";
+import { fromProseDoc as w } from "@heyirisai/docx-editor-core/prosemirror/conversion/fromProseDoc";
+import { singletonManager as ne } from "@heyirisai/docx-editor-core/prosemirror/schema";
+import { createDocumentContextPlugin as T, createDocumentStylesPlugin as E, createSuggestionModePlugin as D, setSuggestionMode as O } from "@heyirisai/docx-editor-core/prosemirror/plugins";
+import { ExtensionManager as re, createStarterKit as ie } from "@heyirisai/docx-editor-core/prosemirror/extensions";
+import { measureBlocksWithFloats as k, measureParagraph as A } from "@heyirisai/docx-editor-core/layout-bridge/measuring";
+import { computeLayout as ae, createLayoutScheduler as oe, stripScrollFlag as se } from "@heyirisai/docx-editor-core/editor";
+import { DEFAULT_TEXTBOX_MARGINS as ce, DEFAULT_TEXTBOX_WIDTH as j, assertExhaustiveFlowBlock as le } from "@heyirisai/docx-editor-core/layout-engine";
+import { renderPages as ue } from "@heyirisai/docx-editor-core/layout-painter/renderPage";
+import "prosemirror-view/style/prosemirror.css";
+import "@heyirisai/docx-editor-core/prosemirror/editor.css";
+import { MIN_CELL_WIDTH_TWIPS as M, MIN_ROW_HEIGHT_TWIPS as N, TWIPS_PER_PIXEL as P, commitColumnResize as F, commitRightEdgeResize as I, commitRowResize as L, readColumnWidthAt as R, readColumnWidths as z, readRowHeight as B } from "@heyirisai/docx-editor-core/prosemirror/tableResize";
+import { findVerticalScrollParent as V } from "@heyirisai/docx-editor-core/utils/findVerticalScrollParent";
+import { AUTO_SCROLL_EDGE_ZONE as H, computeAutoScrollDelta as U } from "@heyirisai/docx-editor-core/utils/autoScroll";
+//#region src/composables/useDocxEditor.ts
+var de = 24;
+function W(e, t, n, r) {
+	switch (e.kind) {
+		case "paragraph": return A(e, t, {
+			floatingZones: n,
+			paragraphYOffset: r ?? 0
+		});
+		case "table": return d(e, t, W);
+		case "image": {
+			let t = e;
+			return {
+				kind: "image",
+				width: t.width ?? 100,
+				height: t.height ?? 100
+			};
+		}
+		case "textBox": {
+			let t = e, n = t.margins ?? ce, r = (t.width ?? j) - n.left - n.right, i = t.content.map((e) => A(e, r)), a = i.reduce((e, t) => e + t.totalHeight, 0), o = t.height ?? a + n.top + n.bottom;
+			return {
+				kind: "textBox",
+				width: t.width ?? j,
+				height: o,
+				innerMeasures: i
+			};
+		}
+		case "pageBreak": return { kind: "pageBreak" };
+		case "columnBreak": return { kind: "columnBreak" };
+		case "sectionBreak": return { kind: "sectionBreak" };
+		default: le(e, "vue useDocxEditor measureBlock");
+	}
+}
+function fe(e, t, n) {
+	return k(e, t, W, n);
+}
+function G(e) {
+	let { hiddenContainer: n, pagesContainer: d, readOnly: k = !1, pageGap: A = de, onChange: ce, onError: j, onSelectionUpdate: le, externalPlugins: M = [], syncCoordinator: N, editorMode: P, author: F } = e, I = i(null), L = i(null), R = i(null), z = r(!1), B = r(null), V = r([]), H = i(null), U = ne;
+	function W(e) {
+		let t = d.value;
+		if (!t || !I.value) return;
+		let n = N?.getStateSeq() ?? 0;
+		N?.onLayoutStart();
+		let r = I.value.package?.document, i = r?.sections?.[0]?.properties ?? r?.finalSectionProperties ?? null, a = r?.finalSectionProperties ?? i, o = u(i), s = l(i), p = u(a), m = l(a), h = c(i), g = c(a), y = o.w - s.left - s.right, b = I.value.package?.theme ?? null, x = I.value.package?.styles ?? null;
+		try {
+			let { header: n, footer: r, firstHeader: c, firstFooter: l } = f(I.value, i), { blocks: u, measures: d, layout: S, headerContentForRender: C, footerContentForRender: te, firstPageHeaderForRender: w, firstPageFooterForRender: ne, hasTitlePg: T, watermark: E, footnotesByPage: D } = ae({
+				state: e,
+				document: I.value,
+				pageSize: o,
+				margins: s,
+				columns: h,
+				finalPageSize: p,
+				finalMargins: m,
+				finalColumns: g,
+				pageGap: A,
+				contentWidth: y,
+				theme: b,
+				styles: x,
+				sectionProperties: i,
+				finalSectionProperties: a,
+				headerContent: n,
+				footerContent: r,
+				firstPageHeaderContent: c,
+				firstPageFooterContent: l,
+				measureBlocks: fe,
+				getHfPmDoc: (e) => Z(e)?.state.doc ?? null
+			});
+			H.value = S;
+			let O = ee(u, d);
+			ue(S.pages, t, {
+				pageGap: A,
+				showShadow: !0,
+				pageBackground: "var(--doc-page-bg, #ffffff)",
+				blockLookup: O,
+				theme: b,
+				headerContent: C,
+				footerContent: te,
+				firstPageHeaderContent: w,
+				firstPageFooterContent: ne,
+				titlePage: T,
+				watermark: E,
+				footnotesByPage: D
+			}), t.style.overflowY = "auto", t.style.minHeight = "0";
+			for (let e of Array.from(t.children)) e.style.flexShrink = "0";
+			_(t, v(e.doc, e.selection.from, e.selection.to));
+		} catch (e) {
+			console.error("[useDocxEditor] Layout pipeline error:", e), j?.(e instanceof Error ? e : Error(String(e)));
+		} finally {
+			N?.onLayoutComplete(n);
+		}
+	}
+	let G = oe(W);
+	function K() {
+		let e = n.value;
+		if (!e) return;
+		let t = I.value?.package?.styles, r = I.value ? S(I.value, { styles: t ?? void 0 }) : y(), i = D(!1), o = E(t), c = T({
+			theme: I.value?.package?.theme ?? null,
+			defaultTableStyleId: I.value?.package?.settings?.defaultTableStyle ?? null
+		}), l = [
+			i,
+			...M,
+			...U.getPlugins() ?? [],
+			o,
+			c
+		], u = p(s.create({
+			doc: r,
+			schema: U.getSchema(),
+			plugins: l
+		}));
+		if (R.value = u, I.value) try {
+			I.value = w(u.doc, I.value);
+		} catch (e) {
+			console.error("[useDocxEditor] paraId cache sync error:", e);
+		}
+		let f = new C(e, {
+			state: u,
+			editable: () => !a(k),
+			dispatchTransaction(e) {
+				if (!f) return;
+				se(e, f.state.tr);
+				let t = f.state.apply(e);
+				if (f.updateState(t), R.value = t, e.docChanged) {
+					N?.incrementStateSeq(), G.schedule(t);
+					try {
+						if (I.value) {
+							let e = w(t.doc, I.value);
+							I.value = e, ce?.(e);
+						}
+					} catch (e) {
+						console.error("[useDocxEditor] fromProseDoc error:", e);
+					}
+				}
+				if (N?.requestRender(), le?.(), !e.docChanged) {
+					let e = d.value;
+					e && _(e, v(t.doc, t.selection.from, t.selection.to));
+				}
+			}
+		});
+		L.value = f, z.value = !0, W(u), N?.requestRender(), a(k) || requestAnimationFrame(() => {
+			f.focus();
+		});
+	}
+	function q() {
+		G.cancel(), L.value &&= (L.value.destroy(), null), R.value = null, z.value = !1;
+	}
+	let J = { current: null }, Y = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
+	function pe() {
+		if (J.current && J.current.isConnected) return J.current;
+		let e = window.document.createElement("div");
+		return e.dataset.hfHost = "true", e.style.cssText = "position: fixed; left: -9999px; top: 0; opacity: 0; z-index: -1; pointer-events: none;", window.document.body.appendChild(e), J.current = e, e;
+	}
+	function me(e) {
+		let t = I.value?.package;
+		if (!t) return null;
+		if (t.headers) {
+			for (let [n, r] of t.headers) if (r === e) return n;
+		}
+		if (t.footers) {
+			for (let [n, r] of t.footers) if (r === e) return n;
+		}
+		return null;
+	}
+	function Z(e) {
+		let t = me(e);
+		return t ? Y.get(t) ?? null : null;
+	}
+	function Q() {
+		let e = I.value?.package, t = pe(), n = /* @__PURE__ */ new Set();
+		if (e?.headers) for (let t of e.headers.keys()) n.add(t);
+		if (e?.footers) for (let t of e.footers.keys()) n.add(t);
+		for (let [e, t] of Y) n.has(e) || (t.destroy(), t.dom.parentElement?.remove(), X.get(e)?.destroy(), X.delete(e), Y.delete(e));
+		if (!e) return;
+		let r = e.styles ?? null, i = e.theme ?? null, o = e.settings?.defaultTabStop ?? null, c = e.settings?.defaultTableStyle ?? null;
+		for (let l of n) {
+			if (Y.has(l)) continue;
+			let n = e.headers?.get(l) ?? e.footers?.get(l);
+			if (!n) continue;
+			let u = e.headers?.has(l) ? "header" : "footer", d = new re(ie());
+			d.buildSchema(), d.initializeRuntime(), X.set(l, d);
+			let f = window.document.createElement("div");
+			f.dataset.hfRId = l, f.dataset.hfKind = u, t.appendChild(f);
+			let p = b(n.content, {
+				styles: r ?? void 0,
+				theme: i,
+				defaultTabStopTwips: o
+			}), h = E(r), g = T({
+				theme: i,
+				defaultTableStyleId: c
+			}), _ = D(a(P) === "suggesting", a(F)), ee = s.create({
+				doc: p,
+				schema: m,
+				plugins: [
+					_,
+					...d.getPlugins(),
+					h,
+					g
+				]
+			}), v = u, y = new C(f, {
+				state: ee,
+				dispatchTransaction(e) {
+					let t = y.state.apply(e);
+					if (y.updateState(t), e.docChanged) {
+						let e = I.value?.package, n = (v === "header" ? e?.headers : e?.footers)?.get(l);
+						n && (n.content = x(t.doc));
+					}
+					e.docChanged && R.value && W(R.value), he.value?.(l, y, e.docChanged);
+				}
+			});
+			Y.set(l, y);
+		}
+	}
+	function $() {
+		for (let e of Y.values()) e.destroy(), e.dom.parentElement?.remove();
+		Y.clear();
+		for (let e of X.values()) e.destroy();
+		X.clear(), J.current &&= (J.current.remove(), null);
+	}
+	o([
+		() => a(P),
+		() => a(F),
+		L
+	], ([e, t, n]) => {
+		let r = e === "suggesting";
+		n && O(r, n.state, n.dispatch, t);
+		for (let e of Y.values()) O(r, e.state, e.dispatch, t);
+	}, { immediate: !0 });
+	let he = { value: null };
+	function ge(e) {
+		he.value = e;
+	}
+	async function _e(e) {
+		B.value = null, z.value = !1;
+		try {
+			let t;
+			t = e instanceof Blob || e instanceof File ? await e.arrayBuffer() : e instanceof Uint8Array ? e.buffer.slice(e.byteOffset, e.byteOffset + e.byteLength) : e;
+			let n = await te(t);
+			I.value = n, ye(n), q(), $(), K(), Q();
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			B.value = t.message, j?.(t);
+		}
+	}
+	function ve(e) {
+		B.value = null, I.value = e, ye(e), q(), $(), K(), Q();
+	}
+	function ye(e) {
+		V.value = g(e, { embeddedFamilies: h(e.package?.fontTable) });
+	}
+	async function be() {
+		if (!L.value || !I.value) return null;
+		let { repackDocx: e, createDocx: t } = await import("@heyirisai/docx-editor-core/docx/rezip"), { injectReplyRangeMarkers: n, injectTCReplyRangeMarkers: r } = await import("@heyirisai/docx-editor-core/docx"), i = w(L.value.state.doc, I.value), a = i.package.document?.comments ?? [];
+		i.package.document?.content && a.length > 0 && (n(i.package.document.content, a), r(i.package.document.content, a));
+		let o;
+		return o = i.originalBuffer ? await e(i) : await t(i), new Blob([o], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
+	}
+	function xe() {
+		L.value?.focus();
+	}
+	function Se() {
+		q(), $(), I.value = null;
+	}
+	function Ce() {
+		return I.value;
+	}
+	t(() => {
+		Se();
+	});
+	function we() {
+		return U.getCommands();
+	}
+	return {
+		editorView: L,
+		editorState: R,
+		isReady: z,
+		parseError: B,
+		documentFonts: V,
+		layout: H,
+		loadBuffer: _e,
+		loadDocument: ve,
+		save: be,
+		focus: xe,
+		destroy: Se,
+		getDocument: Ce,
+		getCommands: we,
+		reLayout() {
+			L.value && W(L.value.state);
+		},
+		getHfPmView: Z,
+		getHfPmViews() {
+			return Y;
+		},
+		syncHfPMs: Q,
+		setHfTransactionListener: ge,
+		setDocument(e) {
+			I.value = e;
+		}
+	};
+}
+//#endregion
+//#region src/composables/useZoom.ts
+var K = .5, q = 2, J = .1, Y = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+];
+function X(i = 1) {
+	let a = r(Math.max(K, Math.min(q, i))), o = e(() => Math.round(a.value * 100)), s = e(() => a.value <= K), c = e(() => a.value >= q);
+	function l(e) {
+		a.value = Math.max(K, Math.min(q, Math.round(e * 100) / 100));
+	}
+	function u() {
+		l(a.value + J);
+	}
+	function d() {
+		l(a.value - J);
+	}
+	function f() {
+		l(1);
+	}
+	function p(e) {
+		(e.ctrlKey || e.metaKey) && (e.preventDefault(), e.deltaY < 0 ? u() : d());
+	}
+	function m(e) {
+		(e.ctrlKey || e.metaKey) && (e.shiftKey || e.altKey || (e.key === "=" || e.key === "+" ? (e.preventDefault(), u()) : e.key === "-" ? (e.preventDefault(), d()) : e.key === "0" && (e.preventDefault(), f())));
+	}
+	function h() {
+		n(() => document.addEventListener("keydown", m)), t(() => document.removeEventListener("keydown", m));
+	}
+	return {
+		zoom: a,
+		zoomPercent: o,
+		isMinZoom: s,
+		isMaxZoom: c,
+		setZoom: l,
+		zoomIn: u,
+		zoomOut: d,
+		resetZoom: f,
+		handleWheel: p,
+		handleKeyDown: m,
+		installShortcuts: h,
+		ZOOM_PRESETS: Y
+	};
+}
+//#endregion
+//#region src/composables/useTableResize.ts
+function pe() {
+	let e = {
+		active: !1,
+		startX: 0,
+		handle: null,
+		columnIndex: 0,
+		tablePmStart: 0,
+		origWidths: {
+			left: 0,
+			right: 0
+		}
+	}, t = {
+		active: !1,
+		startY: 0,
+		handle: null,
+		rowIndex: 0,
+		isEdge: !1,
+		tablePmStart: 0,
+		origHeight: 0
+	}, n = {
+		active: !1,
+		startX: 0,
+		handle: null,
+		columnIndex: 0,
+		tablePmStart: 0,
+		origWidth: 0
+	}, r = null;
+	function i() {
+		return e.active || t.active || n.active;
+	}
+	function a(i, a) {
+		let o = i.target;
+		return o?.classList ? o.classList.contains("layout-table-resize-handle") ? (i.preventDefault(), i.stopPropagation(), r = a, e.active = !0, e.startX = i.clientX, e.handle = o, o.classList.add("dragging"), e.columnIndex = parseInt(o.dataset.columnIndex ?? "0", 10), e.tablePmStart = parseInt(o.dataset.tablePmStart ?? "0", 10), me(a, e), !0) : o.classList.contains("layout-table-row-resize-handle") || o.classList.contains("layout-table-edge-handle-bottom") ? (i.preventDefault(), i.stopPropagation(), r = a, t.active = !0, t.startY = i.clientY, t.handle = o, t.isEdge = o.dataset.isEdge === "bottom", o.classList.add("dragging"), t.rowIndex = parseInt(o.dataset.rowIndex ?? "0", 10), t.tablePmStart = parseInt(o.dataset.tablePmStart ?? "0", 10), Z(a, t, o), !0) : o.classList.contains("layout-table-edge-handle-right") ? (i.preventDefault(), i.stopPropagation(), r = a, n.active = !0, n.startX = i.clientX, n.handle = o, o.classList.add("dragging"), n.columnIndex = parseInt(o.dataset.columnIndex ?? "0", 10), n.tablePmStart = parseInt(o.dataset.tablePmStart ?? "0", 10), Q(a, n), !0) : !1 : !1;
+	}
+	function o(r) {
+		if (e.active && e.handle) {
+			r.preventDefault();
+			let t = r.clientX - e.startX, n = parseFloat(e.handle.style.left);
+			e.handle.style.left = `${n + t}px`, e.startX = r.clientX;
+			let i = Math.round(t * P), a = e.origWidths.left + i, o = e.origWidths.right - i;
+			a >= M && o >= M && (e.origWidths = {
+				left: a,
+				right: o
+			});
+			return;
+		}
+		if (t.active && t.handle) {
+			r.preventDefault();
+			let e = r.clientY - t.startY, n = parseFloat(t.handle.style.top);
+			t.handle.style.top = `${n + e}px`, t.startY = r.clientY;
+			let i = Math.round(e * P), a = t.origHeight + i;
+			a >= N && (t.origHeight = a);
+			return;
+		}
+		if (n.active && n.handle) {
+			r.preventDefault();
+			let e = r.clientX - n.startX, t = parseFloat(n.handle.style.left);
+			n.handle.style.left = `${t + e}px`, n.startX = r.clientX;
+			let i = Math.round(e * P), a = n.origWidth + i;
+			a >= M && (n.origWidth = a);
+		}
+	}
+	function s(i) {
+		if (e.active) {
+			e.active = !1, e.handle?.classList.remove("dragging"), r && F(r, {
+				pmStart: e.tablePmStart,
+				colIdx: e.columnIndex,
+				newLeft: e.origWidths.left,
+				newRight: e.origWidths.right
+			}), e.handle = null;
+			return;
+		}
+		if (t.active) {
+			t.active = !1, t.handle?.classList.remove("dragging"), r && L(r, {
+				pmStart: t.tablePmStart,
+				rowIdx: t.rowIndex,
+				newHeight: t.origHeight
+			}), t.handle = null;
+			return;
+		}
+		n.active && (n.active = !1, n.handle?.classList.remove("dragging"), r && I(r, {
+			pmStart: n.tablePmStart,
+			colIdx: n.columnIndex,
+			newWidth: n.origWidth
+		}), n.handle = null);
+	}
+	function c() {
+		return document.addEventListener("mousemove", o), document.addEventListener("mouseup", s), () => {
+			document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s);
+		};
+	}
+	return {
+		tryStartResize: a,
+		install: c,
+		isResizing: i
+	};
+}
+function me(e, t) {
+	let n = z(e, t.tablePmStart, t.columnIndex);
+	n && (t.origWidths = n);
+}
+function Z(e, t, n) {
+	let r = B(e, t.tablePmStart, t.rowIndex);
+	if (r != null) {
+		t.origHeight = r;
+		return;
+	}
+	let i = n.closest(".layout-table")?.querySelector(`[data-row-index="${t.rowIndex}"]`), a = i ? i.getBoundingClientRect().height : 30;
+	t.origHeight = Math.round(a * P);
+}
+function Q(e, t) {
+	let n = R(e, t.tablePmStart, t.columnIndex);
+	n != null && (t.origWidth = n);
+}
+//#endregion
+//#region src/composables/useDragAutoScroll.ts
+function $({ pagesContainer: e, onScrollExtendSelection: n }) {
+	let r = null, i = 0, a = 0, o = !1, s = null;
+	function c() {
+		if (s) return s;
+		let t = e.value;
+		return t ? (s = V(t), s) : null;
+	}
+	function l() {
+		o = !1, r !== null && (cancelAnimationFrame(r), r = null);
+	}
+	function u() {
+		if (!o) return;
+		let e = c();
+		if (!e) return;
+		let t = U(e.getBoundingClientRect(), a);
+		t !== 0 && (e.scrollTop += t, n(i, a)), r = requestAnimationFrame(u);
+	}
+	function d() {
+		o || (o = !0, r = requestAnimationFrame(u));
+	}
+	function f(e, t) {
+		if (i = e, a = t, !o) {
+			let e = c();
+			if (!e) return;
+			let n = e.getBoundingClientRect();
+			(t < n.top + H || t > n.bottom - H) && d();
+		}
+	}
+	return t(() => l()), {
+		updateMousePosition: f,
+		stopAutoScroll: l
+	};
+}
+//#endregion
+export { G as i, pe as n, X as r, $ as t };

package/dist/useDragAutoScroll-liP5PRvM.cjs

@@ -0,0 +1 @@
+let e=require(`vue`),t=require(`prosemirror-state`),n=require(`@heyirisai/docx-editor-core/layout-bridge`),r=require(`@heyirisai/docx-editor-core/prosemirror`),i=require(`@heyirisai/docx-editor-core/utils`),a=require(`@heyirisai/docx-editor-core/layout-painter`),o=require(`@heyirisai/docx-editor-core/prosemirror/conversion`),s=require(`prosemirror-view`),c=require(`@heyirisai/docx-editor-core/docx/parser`),l=require(`@heyirisai/docx-editor-core/prosemirror/conversion/fromProseDoc`),u=require(`@heyirisai/docx-editor-core/prosemirror/schema`),d=require(`@heyirisai/docx-editor-core/prosemirror/plugins`),f=require(`@heyirisai/docx-editor-core/prosemirror/extensions`),p=require(`@heyirisai/docx-editor-core/layout-bridge/measuring`),m=require(`@heyirisai/docx-editor-core/editor`),h=require(`@heyirisai/docx-editor-core/layout-engine`),g=require(`@heyirisai/docx-editor-core/layout-painter/renderPage`);require(`prosemirror-view/style/prosemirror.css`),require(`@heyirisai/docx-editor-core/prosemirror/editor.css`);let _=require(`@heyirisai/docx-editor-core/prosemirror/tableResize`),v=require(`@heyirisai/docx-editor-core/utils/findVerticalScrollParent`),y=require(`@heyirisai/docx-editor-core/utils/autoScroll`);var b=24;function x(e,t,r,i){switch(e.kind){case`paragraph`:return(0,p.measureParagraph)(e,t,{floatingZones:r,paragraphYOffset:i??0});case`table`:return(0,n.measureTableBlock)(e,t,x);case`image`:{let t=e;return{kind:`image`,width:t.width??100,height:t.height??100}}case`textBox`:{let t=e,n=t.margins??h.DEFAULT_TEXTBOX_MARGINS,r=(t.width??h.DEFAULT_TEXTBOX_WIDTH)-n.left-n.right,i=t.content.map(e=>(0,p.measureParagraph)(e,r)),a=i.reduce((e,t)=>e+t.totalHeight,0),o=t.height??a+n.top+n.bottom;return{kind:`textBox`,width:t.width??h.DEFAULT_TEXTBOX_WIDTH,height:o,innerMeasures:i}}case`pageBreak`:return{kind:`pageBreak`};case`columnBreak`:return{kind:`columnBreak`};case`sectionBreak`:return{kind:`sectionBreak`};default:(0,h.assertExhaustiveFlowBlock)(e,`vue useDocxEditor measureBlock`)}}function S(e,t,n){return(0,p.measureBlocksWithFloats)(e,t,x,n)}function C(p){let{hiddenContainer:h,pagesContainer:_,readOnly:v=!1,pageGap:y=b,onChange:x,onError:C,onSelectionUpdate:w,externalPlugins:T=[],syncCoordinator:E,editorMode:D,author:O}=p,k=(0,e.shallowRef)(null),A=(0,e.shallowRef)(null),j=(0,e.shallowRef)(null),M=(0,e.ref)(!1),N=(0,e.ref)(null),P=(0,e.ref)([]),F=(0,e.shallowRef)(null),I=u.singletonManager;function L(e){let t=_.value;if(!t||!k.value)return;let r=E?.getStateSeq()??0;E?.onLayoutStart();let i=k.value.package?.document,o=i?.sections?.[0]?.properties??i?.finalSectionProperties??null,s=i?.finalSectionProperties??o,c=(0,n.getPageSize)(o),l=(0,n.getMargins)(o),u=(0,n.getPageSize)(s),d=(0,n.getMargins)(s),f=(0,n.getColumns)(o),p=(0,n.getColumns)(s),h=c.w-l.left-l.right,v=k.value.package?.theme??null,b=k.value.package?.styles??null;try{let{header:r,footer:i,firstHeader:_,firstFooter:x}=(0,n.resolveHeaderFooter)(k.value,o),{blocks:C,measures:w,layout:T,headerContentForRender:E,footerContentForRender:D,firstPageHeaderForRender:O,firstPageFooterForRender:A,hasTitlePg:j,watermark:M,footnotesByPage:N}=(0,m.computeLayout)({state:e,document:k.value,pageSize:c,margins:l,columns:f,finalPageSize:u,finalMargins:d,finalColumns:p,pageGap:y,contentWidth:h,theme:v,styles:b,sectionProperties:o,finalSectionProperties:s,headerContent:r,footerContent:i,firstPageHeaderContent:_,firstPageFooterContent:x,measureBlocks:S,getHfPmDoc:e=>K(e)?.state.doc??null});F.value=T;let P=(0,a.buildBlockLookup)(C,w);(0,g.renderPages)(T.pages,t,{pageGap:y,showShadow:!0,pageBackground:`var(--doc-page-bg, #ffffff)`,blockLookup:P,theme:v,headerContent:E,footerContent:D,firstPageHeaderContent:O,firstPageFooterContent:A,titlePage:j,watermark:M,footnotesByPage:N}),t.style.overflowY=`auto`,t.style.minHeight=`0`;for(let e of Array.from(t.children))e.style.flexShrink=`0`;(0,a.applySdtFocus)(t,(0,a.enclosingSdtGroupIds)(e.doc,e.selection.from,e.selection.to))}catch(e){console.error(`[useDocxEditor] Layout pipeline error:`,e),C?.(e instanceof Error?e:Error(String(e)))}finally{E?.onLayoutComplete(r)}}let R=(0,m.createLayoutScheduler)(L);function z(){let n=h.value;if(!n)return;let i=k.value?.package?.styles,c=k.value?(0,o.toProseDoc)(k.value,{styles:i??void 0}):(0,o.createEmptyDoc)(),u=(0,d.createSuggestionModePlugin)(!1),f=(0,d.createDocumentStylesPlugin)(i),p=(0,d.createDocumentContextPlugin)({theme:k.value?.package?.theme??null,defaultTableStyleId:k.value?.package?.settings?.defaultTableStyle??null}),g=[u,...T,...I.getPlugins()??[],f,p],y=(0,r.ensureParaIdsInState)(t.EditorState.create({doc:c,schema:I.getSchema(),plugins:g}));if(j.value=y,k.value)try{k.value=(0,l.fromProseDoc)(y.doc,k.value)}catch(e){console.error(`[useDocxEditor] paraId cache sync error:`,e)}let b=new s.EditorView(n,{state:y,editable:()=>!(0,e.unref)(v),dispatchTransaction(e){if(!b)return;(0,m.stripScrollFlag)(e,b.state.tr);let t=b.state.apply(e);if(b.updateState(t),j.value=t,e.docChanged){E?.incrementStateSeq(),R.schedule(t);try{if(k.value){let e=(0,l.fromProseDoc)(t.doc,k.value);k.value=e,x?.(e)}}catch(e){console.error(`[useDocxEditor] fromProseDoc error:`,e)}}if(E?.requestRender(),w?.(),!e.docChanged){let e=_.value;e&&(0,a.applySdtFocus)(e,(0,a.enclosingSdtGroupIds)(t.doc,t.selection.from,t.selection.to))}}});A.value=b,M.value=!0,L(y),E?.requestRender(),(0,e.unref)(v)||requestAnimationFrame(()=>{b.focus()})}function B(){R.cancel(),A.value&&=(A.value.destroy(),null),j.value=null,M.value=!1}let V={current:null},H=new Map,U=new Map;function W(){if(V.current&&V.current.isConnected)return V.current;let e=window.document.createElement(`div`);return e.dataset.hfHost=`true`,e.style.cssText=`position: fixed; left: -9999px; top: 0; opacity: 0; z-index: -1; pointer-events: none;`,window.document.body.appendChild(e),V.current=e,e}function G(e){let t=k.value?.package;if(!t)return null;if(t.headers){for(let[n,r]of t.headers)if(r===e)return n}if(t.footers){for(let[n,r]of t.footers)if(r===e)return n}return null}function K(e){let t=G(e);return t?H.get(t)??null:null}function q(){let n=k.value?.package,i=W(),a=new Set;if(n?.headers)for(let e of n.headers.keys())a.add(e);if(n?.footers)for(let e of n.footers.keys())a.add(e);for(let[e,t]of H)a.has(e)||(t.destroy(),t.dom.parentElement?.remove(),U.get(e)?.destroy(),U.delete(e),H.delete(e));if(!n)return;let c=n.styles??null,l=n.theme??null,u=n.settings?.defaultTabStop??null,p=n.settings?.defaultTableStyle??null;for(let m of a){if(H.has(m))continue;let a=n.headers?.get(m)??n.footers?.get(m);if(!a)continue;let h=n.headers?.has(m)?`header`:`footer`,g=new f.ExtensionManager((0,f.createStarterKit)());g.buildSchema(),g.initializeRuntime(),U.set(m,g);let _=window.document.createElement(`div`);_.dataset.hfRId=m,_.dataset.hfKind=h,i.appendChild(_);let v=(0,o.headerFooterToProseDoc)(a.content,{styles:c??void 0,theme:l,defaultTabStopTwips:u}),y=(0,d.createDocumentStylesPlugin)(c),b=(0,d.createDocumentContextPlugin)({theme:l,defaultTableStyleId:p}),x=(0,d.createSuggestionModePlugin)((0,e.unref)(D)===`suggesting`,(0,e.unref)(O)),S=t.EditorState.create({doc:v,schema:r.schema,plugins:[x,...g.getPlugins(),y,b]}),C=h,w=new s.EditorView(_,{state:S,dispatchTransaction(e){let t=w.state.apply(e);if(w.updateState(t),e.docChanged){let e=k.value?.package,n=(C===`header`?e?.headers:e?.footers)?.get(m);n&&(n.content=(0,o.proseDocToBlocks)(t.doc))}e.docChanged&&j.value&&L(j.value),Y.value?.(m,w,e.docChanged)}});H.set(m,w)}}function J(){for(let e of H.values())e.destroy(),e.dom.parentElement?.remove();H.clear();for(let e of U.values())e.destroy();U.clear(),V.current&&=(V.current.remove(),null)}(0,e.watch)([()=>(0,e.unref)(D),()=>(0,e.unref)(O),A],([e,t,n])=>{let r=e===`suggesting`;n&&(0,d.setSuggestionMode)(r,n.state,n.dispatch,t);for(let e of H.values())(0,d.setSuggestionMode)(r,e.state,e.dispatch,t)},{immediate:!0});let Y={value:null};function X(e){Y.value=e}async function Z(e){N.value=null,M.value=!1;try{let t;t=e instanceof Blob||e instanceof File?await e.arrayBuffer():e instanceof Uint8Array?e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength):e;let n=await(0,c.parseDocx)(t);k.value=n,Q(n),B(),J(),z(),q()}catch(e){let t=e instanceof Error?e:Error(String(e));N.value=t.message,C?.(t)}}function ee(e){N.value=null,k.value=e,Q(e),B(),J(),z(),q()}function Q(e){P.value=(0,i.getRenderableDocumentFonts)(e,{embeddedFamilies:(0,i.getEmbeddedFontFamilies)(e.package?.fontTable)})}async function te(){if(!A.value||!k.value)return null;let{repackDocx:e,createDocx:t}=await import(`@heyirisai/docx-editor-core/docx/rezip`),{injectReplyRangeMarkers:n,injectTCReplyRangeMarkers:r}=await import(`@heyirisai/docx-editor-core/docx`),i=(0,l.fromProseDoc)(A.value.state.doc,k.value),a=i.package.document?.comments??[];i.package.document?.content&&a.length>0&&(n(i.package.document.content,a),r(i.package.document.content,a));let o;return o=i.originalBuffer?await e(i):await t(i),new Blob([o],{type:`application/vnd.openxmlformats-officedocument.wordprocessingml.document`})}function ne(){A.value?.focus()}function $(){B(),J(),k.value=null}function re(){return k.value}(0,e.onBeforeUnmount)(()=>{$()});function ie(){return I.getCommands()}return{editorView:A,editorState:j,isReady:M,parseError:N,documentFonts:P,layout:F,loadBuffer:Z,loadDocument:ee,save:te,focus:ne,destroy:$,getDocument:re,getCommands:ie,reLayout(){A.value&&L(A.value.state)},getHfPmView:K,getHfPmViews(){return H},syncHfPMs:q,setHfTransactionListener:X,setDocument(e){k.value=e}}}var w=.5,T=2,E=.1,D=[.5,.75,1,1.25,1.5,2];function O(t=1){let n=(0,e.ref)(Math.max(w,Math.min(T,t))),r=(0,e.computed)(()=>Math.round(n.value*100)),i=(0,e.computed)(()=>n.value<=w),a=(0,e.computed)(()=>n.value>=T);function o(e){n.value=Math.max(w,Math.min(T,Math.round(e*100)/100))}function s(){o(n.value+E)}function c(){o(n.value-E)}function l(){o(1)}function u(e){(e.ctrlKey||e.metaKey)&&(e.preventDefault(),e.deltaY<0?s():c())}function d(e){(e.ctrlKey||e.metaKey)&&(e.shiftKey||e.altKey||(e.key===`=`||e.key===`+`?(e.preventDefault(),s()):e.key===`-`?(e.preventDefault(),c()):e.key===`0`&&(e.preventDefault(),l())))}function f(){(0,e.onMounted)(()=>document.addEventListener(`keydown`,d)),(0,e.onBeforeUnmount)(()=>document.removeEventListener(`keydown`,d))}return{zoom:n,zoomPercent:r,isMinZoom:i,isMaxZoom:a,setZoom:o,zoomIn:s,zoomOut:c,resetZoom:l,handleWheel:u,handleKeyDown:d,installShortcuts:f,ZOOM_PRESETS:D}}function k(){let e={active:!1,startX:0,handle:null,columnIndex:0,tablePmStart:0,origWidths:{left:0,right:0}},t={active:!1,startY:0,handle:null,rowIndex:0,isEdge:!1,tablePmStart:0,origHeight:0},n={active:!1,startX:0,handle:null,columnIndex:0,tablePmStart:0,origWidth:0},r=null;function i(){return e.active||t.active||n.active}function a(i,a){let o=i.target;return o?.classList?o.classList.contains(`layout-table-resize-handle`)?(i.preventDefault(),i.stopPropagation(),r=a,e.active=!0,e.startX=i.clientX,e.handle=o,o.classList.add(`dragging`),e.columnIndex=parseInt(o.dataset.columnIndex??`0`,10),e.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),A(a,e),!0):o.classList.contains(`layout-table-row-resize-handle`)||o.classList.contains(`layout-table-edge-handle-bottom`)?(i.preventDefault(),i.stopPropagation(),r=a,t.active=!0,t.startY=i.clientY,t.handle=o,t.isEdge=o.dataset.isEdge===`bottom`,o.classList.add(`dragging`),t.rowIndex=parseInt(o.dataset.rowIndex??`0`,10),t.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),j(a,t,o),!0):o.classList.contains(`layout-table-edge-handle-right`)?(i.preventDefault(),i.stopPropagation(),r=a,n.active=!0,n.startX=i.clientX,n.handle=o,o.classList.add(`dragging`),n.columnIndex=parseInt(o.dataset.columnIndex??`0`,10),n.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),M(a,n),!0):!1:!1}function o(r){if(e.active&&e.handle){r.preventDefault();let t=r.clientX-e.startX,n=parseFloat(e.handle.style.left);e.handle.style.left=`${n+t}px`,e.startX=r.clientX;let i=Math.round(t*_.TWIPS_PER_PIXEL),a=e.origWidths.left+i,o=e.origWidths.right-i;a>=_.MIN_CELL_WIDTH_TWIPS&&o>=_.MIN_CELL_WIDTH_TWIPS&&(e.origWidths={left:a,right:o});return}if(t.active&&t.handle){r.preventDefault();let e=r.clientY-t.startY,n=parseFloat(t.handle.style.top);t.handle.style.top=`${n+e}px`,t.startY=r.clientY;let i=Math.round(e*_.TWIPS_PER_PIXEL),a=t.origHeight+i;a>=_.MIN_ROW_HEIGHT_TWIPS&&(t.origHeight=a);return}if(n.active&&n.handle){r.preventDefault();let e=r.clientX-n.startX,t=parseFloat(n.handle.style.left);n.handle.style.left=`${t+e}px`,n.startX=r.clientX;let i=Math.round(e*_.TWIPS_PER_PIXEL),a=n.origWidth+i;a>=_.MIN_CELL_WIDTH_TWIPS&&(n.origWidth=a)}}function s(i){if(e.active){e.active=!1,e.handle?.classList.remove(`dragging`),r&&(0,_.commitColumnResize)(r,{pmStart:e.tablePmStart,colIdx:e.columnIndex,newLeft:e.origWidths.left,newRight:e.origWidths.right}),e.handle=null;return}if(t.active){t.active=!1,t.handle?.classList.remove(`dragging`),r&&(0,_.commitRowResize)(r,{pmStart:t.tablePmStart,rowIdx:t.rowIndex,newHeight:t.origHeight}),t.handle=null;return}n.active&&(n.active=!1,n.handle?.classList.remove(`dragging`),r&&(0,_.commitRightEdgeResize)(r,{pmStart:n.tablePmStart,colIdx:n.columnIndex,newWidth:n.origWidth}),n.handle=null)}function c(){return document.addEventListener(`mousemove`,o),document.addEventListener(`mouseup`,s),()=>{document.removeEventListener(`mousemove`,o),document.removeEventListener(`mouseup`,s)}}return{tryStartResize:a,install:c,isResizing:i}}function A(e,t){let n=(0,_.readColumnWidths)(e,t.tablePmStart,t.columnIndex);n&&(t.origWidths=n)}function j(e,t,n){let r=(0,_.readRowHeight)(e,t.tablePmStart,t.rowIndex);if(r!=null){t.origHeight=r;return}let i=n.closest(`.layout-table`)?.querySelector(`[data-row-index="${t.rowIndex}"]`),a=i?i.getBoundingClientRect().height:30;t.origHeight=Math.round(a*_.TWIPS_PER_PIXEL)}function M(e,t){let n=(0,_.readColumnWidthAt)(e,t.tablePmStart,t.columnIndex);n!=null&&(t.origWidth=n)}function N({pagesContainer:t,onScrollExtendSelection:n}){let r=null,i=0,a=0,o=!1,s=null;function c(){if(s)return s;let e=t.value;return e?(s=(0,v.findVerticalScrollParent)(e),s):null}function l(){o=!1,r!==null&&(cancelAnimationFrame(r),r=null)}function u(){if(!o)return;let e=c();if(!e)return;let t=(0,y.computeAutoScrollDelta)(e.getBoundingClientRect(),a);t!==0&&(e.scrollTop+=t,n(i,a)),r=requestAnimationFrame(u)}function d(){o||(o=!0,r=requestAnimationFrame(u))}function f(e,t){if(i=e,a=t,!o){let e=c();if(!e)return;let n=e.getBoundingClientRect();(t<n.top+y.AUTO_SCROLL_EDGE_ZONE||t>n.bottom-y.AUTO_SCROLL_EDGE_ZONE)&&d()}}return(0,e.onBeforeUnmount)(()=>l()),{updateMousePosition:f,stopAutoScroll:l}}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return N}});