@univerjs/docs 1.0.0-rc.0 → 1.0.0

package/lib/index.js

@@ -1,5 +1,5 @@
-import { AlignTypeH, BooleanNumber, BuildTextUtils, ColumnSeparatorType, CommandType, CustomCommandExecutionError, CustomRangeType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DeleteDirection, DependentOn, Disposable, DisposableCollection, DocumentDataModel, DocumentFlavor, DocxBreakType, DrawingTypeEnum, ErrorService, ICommandService, IConfigService, ILogService, IPermissionService, IResourceManagerService, IUndoRedoService, IUniverInstanceService, Inject, Injector, JSON1, JSONX, LocaleService, MemoryCursor, ObjectPermissionRuleModel, ObjectPermissionService, ObjectRelativeFromH, ObjectRelativeFromV, Optional, PAGE_SIZE, PageOrientType, PaperType, PermissionStatus, Plugin, PositionedObjectLayoutType, RESTORE_INSERTED_PARAGRAPH_IDS, RedoCommandId, RxDisposable, SectionType, TRADITIONAL_DOCUMENT_DEFAULT_MARGIN, TextX, TextXActionType, Tools, UndoCommandId, UniverInstanceType, UpdateDocsAttributeType, composeInterceptors, containsInteriorInsertionOffset, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, generateRandomId, getBlockRangeInterval, getColumnGroupRangeInterval, getParagraphContentStartOffset, getParagraphContentStartOffsets, getRichTextEditPath, getSectionHeaderFooterReferenceKey, getTableRangeInterval, isInternalEditorID, merge, remove, requestImmediateMacroTask, resolveSectionHeaderFooterReference, toDisposable, validateDocBodyStructure, validateDocumentStructure } from "@univerjs/core";
-import { DocumentLayoutSession, DocumentSkeleton, DocumentViewModel, FontCache, IRenderManagerService, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, getDocsCustomBlockRenderViewport, getFontStyleString, setDocsCustomBlockRenderViewportProvider } from "@univerjs/engine-render";
+import { AlignTypeH, BooleanNumber, BuildTextUtils, ColumnSeparatorType, CommandType, CustomCommandExecutionError, CustomRangeType, DEFAULT_STYLES, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, DataStreamTreeTokenType, DeleteDirection, DependentOn, Disposable, DisposableCollection, DocumentDataModel, DocumentFlavor, DocxBreakType, DrawingTypeEnum, ErrorService, ICommandService, IConfigService, ILogService, IPermissionService, IResourceManagerService, IUndoRedoService, IUniverInstanceService, Inject, Injector, JSON1, JSONX, LocaleService, MemoryCursor, ObjectPermissionRuleModel, ObjectPermissionService, ObjectRelativeFromH, ObjectRelativeFromV, Optional, PAGE_SIZE, PageOrientType, PaperType, PermissionStatus, Plugin, PositionedObjectLayoutType, RESTORE_INSERTED_PARAGRAPH_IDS, RedoCommandId, RxDisposable, SectionType, TRADITIONAL_DOCUMENT_DEFAULT_MARGIN, TextX, TextXActionType, Tools, UndoCommandId, UniverInstanceType, UpdateDocsAttributeType, composeInterceptors, containsInteriorInsertionOffset, createIdentifier, createInterceptorKey, createParagraphId, createSectionId, generateRandomId, getBlockRangeInterval, getColumnGroupRangeInterval, getParagraphContentStartOffset, getParagraphContentStartOffsets, getRichTextEditPath, getSdtBindingKey, getSdtBindingValue, getSectionHeaderFooterReferenceKey, getTableRangeInterval, isInternalEditorID, merge, remove, requestImmediateMacroTask, resolveSectionHeaderFooterReference, toDisposable, validateDocBodyStructure, validateDocumentStructure } from "@univerjs/core";
+import { DocumentLayoutSession, DocumentSkeleton, DocumentViewModel, FontCache, IRenderManagerService, NORMAL_TEXT_SELECTION_PLUGIN_STYLE, getDocsCustomBlockRenderViewport, getDocumentLayoutPresentation, getFontStyleString, setDocsCustomBlockRenderViewportProvider } from "@univerjs/engine-render";
 import { BehaviorSubject, Observable, Subject, shareReplay, takeUntil } from "rxjs";
 import { UnitAction, UnitObject } from "@univerjs/protocol";
 import { ChannelService, fromModule, toModule } from "@univerjs/rpc";
@@ -14,7 +14,7 @@ const SetTextSelectionsOperation = {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -25,7 +25,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -38,14 +38,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -56,7 +56,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -64,7 +64,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -291,9 +291,17 @@ function projectFooter(footer) {
 * the structured-clone boundary because they do not affect document geometry.
 */
 function createDocumentLayoutSnapshot(snapshot) {
-	const { resources: _resources, body, headers, footers, ...layoutSnapshot } = snapshot;
+	const { resources: _resources, body, headers, footers, footnotes, endnotes, ...layoutSnapshot } = snapshot;
 	return {
 		...layoutSnapshot,
+		...footnotes == null ? {} : { footnotes: Object.fromEntries(Object.entries(footnotes).map(([id, note]) => [id, {
+			...note,
+			body: projectDocumentBody(note.body)
+		}])) },
+		...endnotes == null ? {} : { endnotes: Object.fromEntries(Object.entries(endnotes).map(([id, note]) => [id, {
+			...note,
+			body: projectDocumentBody(note.body)
+		}])) },
 		...body == null ? {} : { body: projectDocumentBody(body) },
 		...headers == null ? {} : { headers: Object.fromEntries(Object.entries(headers).map(([headerId, header]) => [headerId, projectHeader(header)])) },
 		...footers == null ? {} : { footers: Object.fromEntries(Object.entries(footers).map(([footerId, footer]) => [footerId, projectFooter(footer)])) }
@@ -366,11 +374,15 @@ function isRichTextEditingMutationParams(value) {
 	return typeof value === "object" && value != null && "unitId" in value && typeof value.unitId === "string" && "actions" in value;
 }
 function collectCustomBlockViewports(dataModel) {
-	var _snapshot$body;
 	const snapshot = dataModel.getSnapshot();
 	const documentStyle = snapshot.documentStyle;
 	const viewports = {};
-	for (const customBlock of ((_snapshot$body = snapshot.body) === null || _snapshot$body === void 0 ? void 0 : _snapshot$body.customBlocks) ?? []) {
+	const bodies = [
+		snapshot.body,
+		...Object.values(snapshot.headers ?? {}).map((header) => header.body),
+		...Object.values(snapshot.footers ?? {}).map((footer) => footer.body)
+	];
+	for (const customBlock of bodies.flatMap((body) => (body === null || body === void 0 ? void 0 : body.customBlocks) ?? [])) {
 		var _snapshot$drawings, _documentStyle$pageSi;
 		const drawing = (_snapshot$drawings = snapshot.drawings) === null || _snapshot$drawings === void 0 ? void 0 : _snapshot$drawings[customBlock.blockId];
 		if (drawing == null) continue;
@@ -520,19 +532,21 @@ let DocLayoutExecutorService = _DocLayoutExecutorService = class DocLayoutExecut
 			this._executorReady = executorReady;
 			await executorReady;
 		} catch (error) {
-			const recoveryDiagnostic = error instanceof Error ? error.message : String(error);
-			this._executor = null;
-			this._executorReady = null;
-			this._recoveryFailure = {
-				diagnostic: recoveryDiagnostic,
-				unitId
-			};
-			this._executorStatus$.next({
-				state: "recovering",
-				executor: executor.type,
-				diagnostic: recoveryDiagnostic,
-				recoveryUnitId: unitId
-			});
+			if (this._executor === executor) {
+				const recoveryDiagnostic = error instanceof Error ? error.message : String(error);
+				this._executor = null;
+				this._executorReady = null;
+				this._recoveryFailure = {
+					diagnostic: recoveryDiagnostic,
+					unitId
+				};
+				this._executorStatus$.next({
+					state: "recovering",
+					executor: executor.type,
+					diagnostic: recoveryDiagnostic,
+					recoveryUnitId: unitId
+				});
+			}
 			throw error;
 		}
 	}
@@ -557,7 +571,9 @@ let DocLayoutExecutorService = _DocLayoutExecutorService = class DocLayoutExecut
 		let session = this._sessions.get(unitId);
 		if (session != null && session.sourceMutationRevision !== dataModel.getMutationRevision()) session.needsResnapshot = true;
 		if (session == null || session.needsResnapshot) session = await this._replaceSession(dataModel);
+		if (session.disposed || this._executor !== executor || this._getEligibleModel(unitId) !== dataModel) return null;
 		let result = await this._startSynchronizedLayout(executor, session, identity, options, budgetMs);
+		if (session.disposed || this._executor !== executor || this._getEligibleModel(unitId) !== dataModel) return null;
 		if (result.status === "not-found" || result.status === "resnapshot-required") {
 			session = await this._replaceSession(dataModel);
 			result = await this._startSynchronizedLayout(executor, session, identity, options, budgetMs);
@@ -595,7 +611,7 @@ let DocLayoutExecutorService = _DocLayoutExecutorService = class DocLayoutExecut
 				unitId,
 				sessionEpoch: session.sessionEpoch
 			}).catch((error) => {
-				this._logService.error("[DocLayoutExecutorService]: failed to dispose a Worker session.", error);
+				if (this._executor === executor) this._logService.error("[DocLayoutExecutorService]: failed to dispose a Worker session.", error);
 			});
 		}
 		this._sessions.clear();
@@ -685,6 +701,7 @@ let DocLayoutExecutorService = _DocLayoutExecutorService = class DocLayoutExecut
 			return result;
 		});
 		session.queue = startTask.then(() => void 0, (error) => {
+			if (session.disposed || this._executor !== executor) return;
 			session.needsResnapshot = true;
 			this._logService.error("[DocLayoutExecutorService]: synchronized layout start failed.", error);
 		});
@@ -738,23 +755,25 @@ let DocLayoutExecutorService = _DocLayoutExecutorService = class DocLayoutExecut
 		try {
 			await createTask;
 		} catch (error) {
-			session.needsResnapshot = true;
-			throw error;
+			if (!session.disposed && this._executor === executor) {
+				session.needsResnapshot = true;
+				throw error;
+			}
 		}
 		return session;
 	}
 	_disposeSession(unitId) {
-		var _this$_executor3;
 		const session = this._sessions.get(unitId);
 		if (session == null) return;
 		this._markSessionDisposed(session);
 		this._sessions.delete(unitId);
 		this._hydrationSamples.delete(unitId);
-		(_this$_executor3 = this._executor) === null || _this$_executor3 === void 0 || _this$_executor3.disposeSession({
+		const executor = this._executor;
+		executor === null || executor === void 0 || executor.disposeSession({
 			unitId,
 			sessionEpoch: session.sessionEpoch
 		}).catch((error) => {
-			this._logService.error("[DocLayoutExecutorService]: failed to dispose a Worker session.", error);
+			if (this._executor === executor) this._logService.error("[DocLayoutExecutorService]: failed to dispose a Worker session.", error);
 		});
 	}
 	_getEligibleModel(unitId) {
@@ -910,7 +929,7 @@ let DocSkeletonManagerService = class DocSkeletonManagerService extends RxDispos
 	supportsIncrementalLayout() {
 		var _this$_context$unit$g;
 		const documentFlavor = (_this$_context$unit$g = this._context.unit.getSnapshot().documentStyle) === null || _this$_context$unit$g === void 0 ? void 0 : _this$_context$unit$g.documentFlavor;
-		return this._docLayoutExecutorService.getExecutor() != null && !isInternalEditorID(this._context.unitId) && (documentFlavor === DocumentFlavor.TRADITIONAL || documentFlavor === DocumentFlavor.MODERN);
+		return this._docLayoutExecutorService.getExecutor() != null && !isInternalEditorID(this._context.unitId) && !getDocumentLayoutPresentation(this._context.unit) && (documentFlavor === DocumentFlavor.TRADITIONAL || documentFlavor === DocumentFlavor.MODERN);
 	}
 	recalculate() {
 		const skeleton = this._skeleton;
@@ -1068,23 +1087,136 @@ function getSegmentType(documentDataModel, segmentId) {
 	if ((_documentDataModel$ge = documentDataModel.getSnapshot().notes) === null || _documentDataModel$ge === void 0 ? void 0 : _documentDataModel$ge[segmentId]) return "note";
 	return "body";
 }
-function assertValidDocBodyStructure(documentDataModel, segmentId) {
+function getSnapshotBody(snapshot, segmentId) {
+	var _snapshot$headers, _snapshot$footers, _snapshot$notes;
+	if (!segmentId) return snapshot.body;
+	return ((_snapshot$headers = snapshot.headers) === null || _snapshot$headers === void 0 || (_snapshot$headers = _snapshot$headers[segmentId]) === null || _snapshot$headers === void 0 ? void 0 : _snapshot$headers.body) ?? ((_snapshot$footers = snapshot.footers) === null || _snapshot$footers === void 0 || (_snapshot$footers = _snapshot$footers[segmentId]) === null || _snapshot$footers === void 0 ? void 0 : _snapshot$footers.body) ?? ((_snapshot$notes = snapshot.notes) === null || _snapshot$notes === void 0 || (_snapshot$notes = _snapshot$notes[segmentId]) === null || _snapshot$notes === void 0 ? void 0 : _snapshot$notes.body);
+}
+function containsTextXEdit(actions) {
+	const cursor = JSON1.type.readCursor(actions);
+	let found = false;
+	cursor.traverse(null, (component) => {
+		if (component.et === TextX.id) found = true;
+	});
+	return found;
+}
+function subtractBaselineIssues(issues, baseline) {
+	const counts = /* @__PURE__ */ new Map();
+	baseline.forEach((issue) => counts.set(issue.code, (counts.get(issue.code) ?? 0) + 1));
+	return issues.filter((issue) => {
+		const count = counts.get(issue.code) ?? 0;
+		if (count === 0) return true;
+		counts.set(issue.code, count - 1);
+		return false;
+	});
+}
+function assertValidDocBodyStructure(documentDataModel, segmentId, undoActions) {
 	var _documentDataModel$ge2;
 	const segmentModel = documentDataModel.getSelfOrHeaderFooterModel(segmentId);
 	const body = segmentModel === null || segmentModel === void 0 ? void 0 : segmentModel.getBody();
 	if (!body) return;
 	const segmentType = getSegmentType(documentDataModel, segmentId);
+	const context = {
+		segmentType,
+		segmentId: segmentId || void 0
+	};
 	const note = (_documentDataModel$ge2 = documentDataModel.getSnapshot().notes) === null || _documentDataModel$ge2 === void 0 ? void 0 : _documentDataModel$ge2[segmentId];
 	const issues = note ? validateDocumentStructure({ notes: { [segmentId]: note } }) : validateDocBodyStructure(body, {
 		segmentType,
 		segmentId: segmentId || void 0
 	});
 	if (!issues.length) return;
-	const detail = issues.map((issue) => `${issue.code}${issue.index == null ? "" : `@${issue.index}`}`).join(", ");
+	const snapshot = Tools.deepClone(documentDataModel.getSnapshot());
+	const baselineBody = getSnapshotBody(JSONX.apply(snapshot, undoActions), segmentId);
+	const newIssues = baselineBody ? subtractBaselineIssues(issues, validateDocBodyStructure(baselineBody, context)) : issues;
+	if (!newIssues.length) return;
+	const detail = newIssues.map((issue) => `${issue.code}${issue.index == null ? "" : `@${issue.index}`}`).join(", ");
 	const segmentLabel = segmentId ? `${segmentType} ${segmentId}` : segmentType;
 	throw new Error(`[DocStructure] ${segmentLabel}: ${detail}`);
 }
-function validateDocStructureMutation(documentDataModel, segmentId, actions, undoActions) {
+function getLockedSdtContent(body, range) {
+	var _range$properties;
+	if (((_range$properties = range.properties) === null || _range$properties === void 0 ? void 0 : _range$properties.kind) !== "group") return body.dataStream.slice(range.startIndex, range.endIndex + 1);
+	const children = (body.customRanges ?? []).filter((child) => child.rangeType === CustomRangeType.SDT && child.rangeId !== range.rangeId && child.startIndex >= range.startIndex && child.endIndex <= range.endIndex).sort((left, right) => {
+		const position = left.startIndex - right.startIndex || right.endIndex - left.endIndex;
+		if (position || left.rangeId === right.rangeId) return position;
+		return left.rangeId < right.rangeId ? -1 : 1;
+	});
+	const protectedContent = [];
+	let offset = range.startIndex;
+	for (const child of children) {
+		if (child.startIndex < offset) continue;
+		protectedContent.push(body.dataStream.slice(offset, child.startIndex), child.rangeId);
+		offset = child.endIndex + 1;
+	}
+	protectedContent.push(body.dataStream.slice(offset, range.endIndex + 1));
+	return JSON.stringify(protectedContent);
+}
+function getRepeatingItemIds(body, section) {
+	const ranges = body.customRanges ?? [];
+	const sectionIndex = ranges.indexOf(section);
+	const nestedSections = ranges.filter((range, index) => {
+		var _range$properties2;
+		return range.rangeType === CustomRangeType.SDT && ((_range$properties2 = range.properties) === null || _range$properties2 === void 0 ? void 0 : _range$properties2.kind) === "repeatingSection" && range.rangeId !== section.rangeId && range.startIndex >= section.startIndex && range.endIndex <= section.endIndex && (range.startIndex > section.startIndex || range.endIndex < section.endIndex || index < sectionIndex);
+	});
+	return ranges.filter((range, index) => {
+		var _range$properties3;
+		return range.rangeType === CustomRangeType.SDT && ((_range$properties3 = range.properties) === null || _range$properties3 === void 0 ? void 0 : _range$properties3.kind) === "repeatingSectionItem" && range.startIndex >= section.startIndex && range.endIndex <= section.endIndex && !nestedSections.some((nested) => nested.startIndex <= range.startIndex && range.endIndex <= nested.endIndex && (nested.startIndex < range.startIndex || range.endIndex < nested.endIndex || index < ranges.indexOf(nested)));
+	}).map((range) => range.rangeId).sort();
+}
+function isDocSdtMutationAllowed(documentDataModel, segmentId, actions) {
+	var _previousBody$customR;
+	if (!containsTextXEdit(actions) && isStructurePreservingJSONXEdit(actions, getRichTextEditPath(documentDataModel, segmentId))) return true;
+	const snapshot = documentDataModel.getSnapshot();
+	const previousBody = getSnapshotBody(snapshot, segmentId);
+	const lockedRanges = previousBody === null || previousBody === void 0 || (_previousBody$customR = previousBody.customRanges) === null || _previousBody$customR === void 0 ? void 0 : _previousBody$customR.filter((range) => {
+		var _range$properties4, _range$properties5, _range$properties$rep;
+		return range.rangeType === CustomRangeType.SDT && (((_range$properties4 = range.properties) === null || _range$properties4 === void 0 ? void 0 : _range$properties4.lock) && range.properties.lock !== "unlocked" || ((_range$properties5 = range.properties) === null || _range$properties5 === void 0 ? void 0 : _range$properties5.kind) === "repeatingSection" && ((_range$properties$rep = range.properties.repeatingSection) === null || _range$properties$rep === void 0 ? void 0 : _range$properties$rep.doNotAllowInsertDelete));
+	});
+	if (!previousBody || !(lockedRanges === null || lockedRanges === void 0 ? void 0 : lockedRanges.length)) return true;
+	const candidate = JSONX.apply(Tools.deepClone(snapshot), actions);
+	const currentBody = getSnapshotBody(candidate, segmentId);
+	for (const previous of lockedRanges) {
+		var _previous$properties, _currentBody$customRa, _previous$properties2, _previous$properties$;
+		const lock = (_previous$properties = previous.properties) === null || _previous$properties === void 0 ? void 0 : _previous$properties.lock;
+		const current = currentBody === null || currentBody === void 0 || (_currentBody$customRa = currentBody.customRanges) === null || _currentBody$customRa === void 0 ? void 0 : _currentBody$customRa.find((range) => range.rangeId === previous.rangeId && range.rangeType === CustomRangeType.SDT);
+		const wrapperLocked = lock === "sdtLocked" || lock === "sdtContentLocked";
+		const contentLocked = lock === "contentLocked" || lock === "sdtContentLocked";
+		if (wrapperLocked && !current) return false;
+		if (((_previous$properties2 = previous.properties) === null || _previous$properties2 === void 0 ? void 0 : _previous$properties2.kind) === "repeatingSection" && ((_previous$properties$ = previous.properties.repeatingSection) === null || _previous$properties$ === void 0 ? void 0 : _previous$properties$.doNotAllowInsertDelete) && current && currentBody) {
+			const before = getRepeatingItemIds(previousBody, previous);
+			const after = getRepeatingItemIds(currentBody, current);
+			if (before.length !== after.length || before.some((id, index) => id !== after[index])) return false;
+		}
+		if (contentLocked && current && currentBody) {
+			if (getLockedSdtContent(previousBody, previous) !== getLockedSdtContent(currentBody, current) && !isBoundSdtValueUpdate(snapshot, candidate, previous, current, currentBody)) return false;
+		}
+	}
+	return true;
+}
+function isBoundSdtValueUpdate(before, after, previous, current, currentBody) {
+	const key = getSdtBindingKey(previous);
+	const value = getSdtBindingValue(currentBody, current);
+	if (!key || key !== getSdtBindingKey(current) || value === void 0) return false;
+	return [
+		"",
+		...Object.keys(before.headers ?? {}),
+		...Object.keys(before.footers ?? {}),
+		...Object.keys(before.notes ?? {})
+	].some((segmentId) => {
+		var _previousBody$customR2;
+		const previousBody = getSnapshotBody(before, segmentId);
+		const nextBody = getSnapshotBody(after, segmentId);
+		if (!previousBody || !nextBody) return false;
+		return ((_previousBody$customR2 = previousBody.customRanges) === null || _previousBody$customR2 === void 0 ? void 0 : _previousBody$customR2.some((range) => {
+			var _range$properties6, _range$properties7, _nextBody$customRange;
+			if (range.rangeType !== CustomRangeType.SDT || ((_range$properties6 = range.properties) === null || _range$properties6 === void 0 ? void 0 : _range$properties6.lock) === "contentLocked" || ((_range$properties7 = range.properties) === null || _range$properties7 === void 0 ? void 0 : _range$properties7.lock) === "sdtContentLocked" || getSdtBindingKey(range) !== key) return false;
+			const next = (_nextBody$customRange = nextBody.customRanges) === null || _nextBody$customRange === void 0 ? void 0 : _nextBody$customRange.find((item) => item.rangeType === CustomRangeType.SDT && item.rangeId === range.rangeId);
+			return next != null && getSdtBindingKey(next) === key && getSdtBindingValue(previousBody, range) !== value && getSdtBindingValue(nextBody, next) === value;
+		})) ?? false;
+	});
+}
+function validateDocStructureMutation(documentDataModel, segmentId, actions, undoActions, isHistoryReplay = false) {
 	const editPath = getRichTextEditPath(documentDataModel, segmentId);
 	const preservesStructure = isStructurePreservingJSONXEdit(actions, editPath) && isStructurePreservingJSONXEdit(undoActions, editPath);
 	let changesFootnoteStructure = false;
@@ -1093,6 +1225,7 @@ function validateDocStructureMutation(documentDataModel, segmentId, actions, und
 		const path = cursor.getPath();
 		if (path[0] === "notes" && (path.length <= 2 || path[2] !== "body") || path.includes("customRanges")) changesFootnoteStructure = true;
 		if (component.et === TextX.id && Array.isArray(component.e)) for (const action of component.e) {
+			if (isRecord$3(action) && Array.isArray(action.rangeUpdates) && action.rangeUpdates.some((update) => isRecord$3(update) && isRecord$3(update.range) && (update.range.rangeType === CustomRangeType.FOOTNOTE || update.range.rangeType === CustomRangeType.ENDNOTE))) changesFootnoteStructure = true;
 			const ranges = isRecord$3(action) && isRecord$3(action.body) ? action.body.customRanges : void 0;
 			if (Array.isArray(ranges) && ranges.some((range) => isRecord$3(range) && (range.rangeType === CustomRangeType.FOOTNOTE || range.rangeType === CustomRangeType.ENDNOTE))) changesFootnoteStructure = true;
 		}
@@ -1100,7 +1233,7 @@ function validateDocStructureMutation(documentDataModel, segmentId, actions, und
 	if (changesFootnoteStructure) {
 		const issues = validateDocumentStructure(documentDataModel.getSnapshot());
 		if (issues.length > 0) throw new Error(`[DocStructure] ${issues.map((issue) => `${issue.code}@${issue.index ?? issue.segmentId ?? ""}`).join(", ")}`);
-	} else if (!preservesStructure) assertValidDocBodyStructure(documentDataModel, segmentId);
+	} else if (!preservesStructure && !isHistoryReplay) assertValidDocBodyStructure(documentDataModel, segmentId, undoActions);
 	return preservesStructure && !changesFootnoteStructure;
 }
 
@@ -1156,12 +1289,12 @@ function canRemoveFootnoteReference(actions, references) {
 		if (path.length === 1 && component.et === TextX.id && Array.isArray(component.e)) {
 			let offset = 0;
 			for (const action of component.e) {
-				var _action$body;
+				var _action$body, _action$rangeUpdates;
 				if (action.t === TextXActionType.DELETE && references.some((reference) => offset <= reference.endIndex && offset + action.len > reference.startIndex)) {
 					canRemove = true;
 					return;
 				}
-				if (action.t === TextXActionType.RETAIN && ((_action$body = action.body) === null || _action$body === void 0 ? void 0 : _action$body.customRanges) != null) {
+				if (action.t === TextXActionType.RETAIN && (((_action$body = action.body) === null || _action$body === void 0 ? void 0 : _action$body.customRanges) != null || ((_action$rangeUpdates = action.rangeUpdates) === null || _action$rangeUpdates === void 0 ? void 0 : _action$rangeUpdates.some((update) => references.some((reference) => reference.rangeId === update.rangeId))))) {
 					canRemove = true;
 					return;
 				}
@@ -1192,7 +1325,7 @@ function includeFootnoteCleanup(before, actions) {
 	}
 	return JSONX.isNoop(cleanup) ? actions : JSONX.compose(actions, cleanup);
 }
-function applyValidatedDocumentActions(documentDataModel, segmentId, actions) {
+function applyValidatedDocumentActions(documentDataModel, segmentId, actions, isHistoryReplay = false) {
 	const before = documentDataModel.getSnapshot();
 	const appliedActions = includeFootnoteCleanup(before, actions);
 	const undoActions = JSONX.invertWithDoc(appliedActions, before);
@@ -1201,7 +1334,7 @@ function applyValidatedDocumentActions(documentDataModel, segmentId, actions) {
 		return {
 			actions: appliedActions,
 			undoActions,
-			preservesStructure: validateDocStructureMutation(documentDataModel, segmentId, appliedActions, undoActions)
+			preservesStructure: validateDocStructureMutation(documentDataModel, segmentId, appliedActions, undoActions, isHistoryReplay)
 		};
 	} catch (error) {
 		documentDataModel.apply(undoActions);
@@ -1268,7 +1401,27 @@ const RichTextEditingMutation = {
 			actions: [],
 			textRanges: docRanges
 		};
-		const { actions: appliedActions, undoActions, preservesStructure } = applyValidatedDocumentActions(documentDataModel, segmentId, actions);
+		const isHistoryReplay = trigger === UndoCommandId || trigger === RedoCommandId;
+		if (!isHistoryReplay && !isDocSdtMutationAllowed(documentDataModel, segmentId, actions)) {
+			params.actions = [];
+			return {
+				unitId,
+				actions: [],
+				textRanges: docRanges
+			};
+		}
+		const presentation = getDocumentLayoutPresentation(documentDataModel);
+		const previousLayoutState = presentation === null || presentation === void 0 ? void 0 : presentation.captureState();
+		const { actions: appliedActions, undoActions, preservesStructure } = applyValidatedDocumentActions(documentDataModel, segmentId, actions, isHistoryReplay);
+		if (presentation) try {
+			if (params.layoutState !== void 0) presentation.restoreState(params.layoutState);
+			else presentation.applyActions(appliedActions, documentDataModel.getSnapshot());
+			params.layoutState = presentation.captureState();
+		} catch (error) {
+			documentDataModel.apply(undoActions);
+			presentation.restoreState(previousLayoutState);
+			throw error;
+		}
 		params.actions = appliedActions;
 		resetDocumentViewModel(documentViewModel, documentDataModel, segmentId, appliedActions, preservesStructure);
 		scheduleDocumentSelectionUpdate(docSelectionManagerService, params, isSync);
@@ -1280,12 +1433,14 @@ const RichTextEditingMutation = {
 			noHistory,
 			debounce,
 			redoState: {
+				...presentation ? { layoutState: params.layoutState } : {},
 				actions: appliedActions,
 				textRanges,
 				options: params.options,
 				isEditing
 			},
 			undoState: {
+				...presentation ? { layoutState: previousLayoutState } : {},
 				actions: undoActions,
 				textRanges: prevTextRanges ?? docRanges,
 				options: selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.options,
@@ -1299,6 +1454,7 @@ const RichTextEditingMutation = {
 		return {
 			unitId,
 			actions: undoActions,
+			...presentation ? { layoutState: previousLayoutState } : {},
 			textRanges: docRanges
 		};
 	}
@@ -1415,7 +1571,7 @@ const DeleteTextCommand = {
 			startOffset: start,
 			endOffset: end + 1,
 			collapsed: false
-		}], body));
+		}], body, 0, null, true, docDataModel.getDocumentStyle().documentFlavor));
 		const path = getRichTextEditPath(docDataModel, segmentId);
 		doMutation.params.actions = appendRemovedDrawingActions(jsonX.editOp(textX.serialize(), path), docDataModel, body, start, end + 1, segmentId);
 		const result = commandService.syncExecuteCommand(doMutation.id, doMutation.params);
@@ -2624,7 +2780,7 @@ function composeActions(actions) {
 //#endregion
 //#region package.json
 var name = "@univerjs/docs";
-var version = "1.0.0-rc.0";
+var version = "1.0.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -3252,6 +3408,20 @@ let DocStateChangeManagerService = class DocStateChangeManagerService extends Rx
 		this._initialize();
 		this._listenDocStateChange();
 	}
+	dispose() {
+		if (this._historyTimer != null) {
+			clearTimeout(this._historyTimer);
+			this._historyTimer = null;
+		}
+		if (this._changeStateCacheTimer != null) {
+			clearTimeout(this._changeStateCacheTimer);
+			this._changeStateCacheTimer = null;
+		}
+		this._historyStateCache.clear();
+		this._changeStateCache.clear();
+		this._docStateChange$.complete();
+		super.dispose();
+	}
 	getStateCache(unitId) {
 		return {
 			history: this._historyStateCache.get(unitId) ?? [],
@@ -3265,6 +3435,10 @@ let DocStateChangeManagerService = class DocStateChangeManagerService extends Rx
 	clearHistory(unitId) {
 		this._historyStateCache.delete(unitId);
 	}
+	flushPendingChanges(unitId) {
+		this._pushHistory(unitId);
+		this._emitChangeState(unitId);
+	}
 	_setChangeState(changeState) {
 		this._cacheChangeState(changeState, "history");
 		this._cacheChangeState(changeState, "collaboration");
@@ -3303,18 +3477,19 @@ let DocStateChangeManagerService = class DocStateChangeManagerService extends Rx
 			const cacheStates = stateCache.get(unitId);
 			cacheStates === null || cacheStates === void 0 || cacheStates.push(changeState);
 		} else stateCache.set(unitId, [changeState]);
-		if (debounce) if (type === "history") {
-			if (this._historyTimer) clearTimeout(this._historyTimer);
-			this._historyTimer = setTimeout(() => {
-				cb(unitId);
-			}, DEBOUNCE_DELAY);
-		} else {
-			if (this._changeStateCacheTimer) clearTimeout(this._changeStateCacheTimer);
-			this._changeStateCacheTimer = setTimeout(() => {
-				cb(unitId);
-			}, DEBOUNCE_DELAY);
-		}
-		else cb(unitId);
+		if (debounce) {
+			if (type === "history") {
+				if (this._historyTimer) clearTimeout(this._historyTimer);
+				this._historyTimer = setTimeout(() => {
+					cb(unitId);
+				}, DEBOUNCE_DELAY);
+			} else {
+				if (this._changeStateCacheTimer) clearTimeout(this._changeStateCacheTimer);
+				this._changeStateCacheTimer = setTimeout(() => {
+					cb(unitId);
+				}, DEBOUNCE_DELAY);
+			}
+		} else cb(unitId);
 	}
 	_pushHistory(unitId) {
 		const undoRedoService = this._undoRedoService;
@@ -3326,6 +3501,8 @@ let DocStateChangeManagerService = class DocStateChangeManagerService extends Rx
 		const lastState = cacheStates[len - 1];
 		const redoParams = {
 			unitId,
+			trigger: RedoCommandId,
+			...lastState.redoState.layoutState === void 0 ? {} : { layoutState: lastState.redoState.layoutState },
 			actions: cacheStates.reduce((acc, cur) => JSONX.compose(acc, cur.redoState.actions), null),
 			textRanges: lastState.redoState.textRanges,
 			segmentId: lastState.segmentId,
@@ -3334,6 +3511,8 @@ let DocStateChangeManagerService = class DocStateChangeManagerService extends Rx
 		};
 		const undoParams = {
 			unitId,
+			trigger: UndoCommandId,
+			...firstState.undoState.layoutState === void 0 ? {} : { layoutState: firstState.undoState.layoutState },
 			actions: cacheStates.reverse().reduce((acc, cur) => JSONX.compose(acc, cur.undoState.actions), null),
 			textRanges: firstState.undoState.textRanges,
 			segmentId: firstState.segmentId,
@@ -3487,6 +3666,25 @@ let UniverDocsPlugin = class UniverDocsPlugin extends Plugin {
 		this.disposeWithMe(this._injector.get(ObjectPermissionService).registerRuleModel(UnitObject.Document, this._injector.get(DocumentPermissionRuleModel), SetDocumentPermissionRuleMutation.id, SetDocumentPermissionRulesMutation.id));
 		this._initializeDependencies();
 		this._initializeCommands();
+		this._initializeWordResources();
+	}
+	_initializeWordResources() {
+		for (const pluginName of ["DOC_WORD_STYLES_PLUGIN", "DOC_NOTE_PLUGIN"]) {
+			const resources = /* @__PURE__ */ new Map();
+			this.disposeWithMe({ dispose: () => resources.clear() });
+			this.disposeWithMe(this._injector.get(IResourceManagerService).registerPluginResource({
+				pluginName,
+				businesses: [UniverInstanceType.UNIVER_DOC],
+				parseJson: (data) => data,
+				onLoad: (unitId, data) => {
+					resources.set(unitId, data);
+				},
+				onUnLoad: (unitId) => {
+					resources.delete(unitId);
+				},
+				toJson: (unitId) => resources.get(unitId) ?? ""
+			}));
+		}
 	}
 	_initializeCommands() {
 		[
@@ -3585,6 +3783,12 @@ function collectDocumentFontFamilies(value, families) {
 		}
 		return;
 	}
+	const textStyle = value;
+	if (typeof textStyle.eastAsiaFontFamily === "string" && textStyle.eastAsiaFontFamily.trim()) {
+		const primary = typeof textStyle.ff === "string" && textStyle.ff.trim() ? textStyle.ff : DEFAULT_STYLES.ff;
+		families.add(`${primary}, ${textStyle.eastAsiaFontFamily.trim()}`);
+		families.add(`${textStyle.eastAsiaFontFamily.trim()}, ${primary}, ${textStyle.eastAsiaFontFamily.trim()}`);
+	}
 	for (const [key, item] of Object.entries(value)) if (key === "ff" && typeof item === "string") families.add(item);
 	else collectDocumentFontFamilies(item, families);
 }
@@ -3598,6 +3802,53 @@ function measureDocumentFontFamilies(families) {
 	return FontCache.getNormalLineHeightCache();
 }
 
+//#endregion
+//#region src/layout-worker/font-loader.ts
+/** Owns the same explicitly supplied font faces in the rendering and layout realms. */
+var DocsLayoutFontLoader = class extends Disposable {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "_loading", null);
+		_defineProperty(this, "_fontSet", void 0);
+		_defineProperty(this, "_faces", []);
+	}
+	load(fonts) {
+		this._loading ??= this._load(fonts);
+		return this._loading;
+	}
+	dispose() {
+		for (const face of this._faces) {
+			var _this$_fontSet;
+			(_this$_fontSet = this._fontSet) === null || _this$_fontSet === void 0 || _this$_fontSet.delete(face);
+		}
+		if (this._faces.length > 0) FontCache.invalidateMetrics(() => true);
+		this._faces = [];
+		this._fontSet = void 0;
+		super.dispose();
+	}
+	async _load(fonts) {
+		this.ensureNotDisposed();
+		if (fonts.length === 0) return;
+		const fontSet = typeof document === "undefined" ? globalThis.fonts : document.fonts;
+		if (typeof FontFace === "undefined" || fontSet == null) throw new Error("Document layout requires FontFace support to load the configured fonts.");
+		try {
+			const faces = fonts.map(({ family, source, descriptors }) => {
+				if (!family.trim() || (typeof source === "string" ? !source.trim() : source.byteLength === 0)) throw new TypeError("Document layout font family and source must not be empty.");
+				return new FontFace(family, source, descriptors);
+			});
+			await Promise.all(faces.map((face) => face.load()));
+			this.ensureNotDisposed();
+			this._fontSet = fontSet;
+			this._faces = faces;
+			for (const face of faces) fontSet.add(face);
+			FontCache.invalidateMetrics(() => true);
+		} catch (error) {
+			this.dispose();
+			throw error;
+		}
+	}
+};
+
 //#endregion
 //#region src/layout-worker/performance-tracker.ts
 const PERFORMANCE_SAMPLE_LIMIT = 2048;
@@ -3710,10 +3961,11 @@ var DocsLayoutWorkerRuntime = class {
 	constructor(_performanceTracker = new DocsLayoutWorkerPerformanceTracker()) {
 		this._performanceTracker = _performanceTracker;
 		_defineProperty(this, "_sessions", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_fontLoader", new DocsLayoutFontLoader());
 		_defineProperty(this, "type", "worker");
 	}
-	initialize() {
-		return Promise.resolve();
+	initialize(fontFaces = []) {
+		return this._fontLoader.load(fontFaces);
 	}
 	async getCapabilities() {
 		const metrics = FontCache.getMeasureText(FONT_PROBE_CONTENT, FONT_PROBE_STYLE);
@@ -3801,7 +4053,9 @@ var DocsLayoutWorkerRuntime = class {
 			reason: request.reason,
 			anchor: request.anchor,
 			priorityAnchor: request.priorityAnchor,
-			invalidation: request.invalidation
+			invalidation: request.invalidation,
+			modernPageWidth: request.modernPageWidth,
+			modernHorizontalMargin: request.modernHorizontalMargin
 		});
 		mount.activeGeneration = generation;
 		mount.cancelledGeneration = null;
@@ -3923,6 +4177,7 @@ var DocsLayoutWorkerRuntime = class {
 		this._performanceTracker.reset(request.unitId);
 	}
 	dispose() {
+		this._fontLoader.dispose();
 		for (const unitId of this._sessions.keys()) this._disposeSession(unitId);
 		this._performanceTracker.resetAll();
 	}
@@ -3980,10 +4235,21 @@ var DocsLayoutWorkerRuntime = class {
 		session.localeService.dispose();
 	}
 };
+var DocsLayoutWorkerChannelService = class extends ChannelService {
+	constructor(protocol, _runtime) {
+		super(protocol);
+		this._runtime = _runtime;
+	}
+	dispose() {
+		this._runtime.dispose();
+		super.dispose();
+	}
+};
 function startDocsLayoutWorker() {
 	const performanceTracker = new DocsLayoutWorkerPerformanceTracker();
-	const channelService = new ChannelService(createDocsLayoutWorkerMessageProtocol$1(performanceTracker));
-	channelService.registerChannel(DOCS_LAYOUT_WORKER_CHANNEL, fromModule(new DocsLayoutWorkerRuntime(performanceTracker)));
+	const runtime = new DocsLayoutWorkerRuntime(performanceTracker);
+	const channelService = new DocsLayoutWorkerChannelService(createDocsLayoutWorkerMessageProtocol$1(performanceTracker), runtime);
+	channelService.registerChannel(DOCS_LAYOUT_WORKER_CHANNEL, fromModule(runtime));
 	return channelService;
 }
 
@@ -4014,10 +4280,11 @@ function createDocsLayoutWorkerMessageProtocol(worker, performanceTracker) {
 	};
 }
 var DocsLayoutWorkerClientService = class extends Disposable {
-	constructor(_workerFactory, _requestTimeoutMs = DEFAULT_DOCS_LAYOUT_WORKER_REQUEST_TIMEOUT_MS) {
+	constructor(_workerFactory, _requestTimeoutMs = DEFAULT_DOCS_LAYOUT_WORKER_REQUEST_TIMEOUT_MS, _fontFaces = []) {
 		super();
 		this._workerFactory = _workerFactory;
 		this._requestTimeoutMs = _requestTimeoutMs;
+		this._fontFaces = _fontFaces;
 		_defineProperty(this, "type", "worker");
 		_defineProperty(this, "_worker", null);
 		_defineProperty(this, "_channelService", null);
@@ -4026,12 +4293,18 @@ var DocsLayoutWorkerClientService = class extends Disposable {
 		_defineProperty(this, "_initialized", false);
 		_defineProperty(this, "_performanceTracker", new DocsLayoutWorkerPerformanceTracker());
 		_defineProperty(this, "_fontFamilies", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_fontLoader", new DocsLayoutFontLoader());
+		this.disposeWithMe(this._fontLoader);
 		this._initialization = this._replaceRuntime();
 	}
 	initialize() {
 		return this._initialization;
 	}
-	getCapabilities() {
+	get renderingFontsReady() {
+		return this._fontFaces.length > 0 ? this._initialization : void 0;
+	}
+	async getCapabilities() {
+		await this._initialization;
 		return this._getRuntime().getCapabilities();
 	}
 	async recover() {
@@ -4108,13 +4381,22 @@ var DocsLayoutWorkerClientService = class extends Disposable {
 	async _replaceRuntime() {
 		this._initialized = false;
 		this._disposeRuntime();
+		await this._withTimeout(this._fontLoader.load(this._fontFaces), "load rendering fonts");
+		this.ensureNotDisposed();
 		const worker = this._workerFactory();
 		const channelService = new ChannelService(createDocsLayoutWorkerMessageProtocol(worker, this._performanceTracker));
 		this._worker = worker;
 		this._channelService = channelService;
 		this._runtime = toModule(channelService.requestChannel(DOCS_LAYOUT_WORKER_CHANNEL));
-		await this._withTimeout(this._verifyCapabilities(), "verify capabilities");
-		this._initialized = true;
+		try {
+			await this._withTimeout(this._runtime.initialize(this._fontFaces), "load Worker fonts");
+			await this._withTimeout(this._verifyCapabilities(), "verify capabilities");
+			this.ensureNotDisposed();
+			this._initialized = true;
+		} catch (error) {
+			if (this._worker === worker) this._disposeRuntime();
+			throw error;
+		}
 	}
 	_disposeRuntime() {
 		var _this$_channelService, _this$_worker;
@@ -4143,7 +4425,7 @@ var DocsLayoutWorkerClientService = class extends Disposable {
 		});
 	}
 	async _verifyCapabilities() {
-		const capabilities = await this.getCapabilities();
+		const capabilities = await this._getRuntime().getCapabilities();
 		if (capabilities.protocolVersion !== 5) throw new DocsLayoutWorkerCapabilityError("Document layout Worker protocol version mismatch.");
 		if (!capabilities.offscreenCanvas || !capabilities.structuredClone) throw new DocsLayoutWorkerCapabilityError("Document layout Worker requires OffscreenCanvas and structured clone support.");
 		const mainMetrics = FontCache.getMeasureText(capabilities.fontProbe.content, capabilities.fontProbe.font);
@@ -4168,7 +4450,7 @@ let UniverDocsLayoutWorkerPlugin = class UniverDocsLayoutWorkerPlugin extends Pl
 		if (typeof this._config.workerFactory !== "function") throw new TypeError("[UniverDocsLayoutWorkerPlugin]: workerFactory is required.");
 		const requestTimeoutMs = this._config.requestTimeoutMs ?? 15e3;
 		if (!Number.isFinite(requestTimeoutMs) || requestTimeoutMs <= 0) throw new RangeError("[UniverDocsLayoutWorkerPlugin]: requestTimeoutMs must be a positive finite number.");
-		const client = new DocsLayoutWorkerClientService(this._config.workerFactory, requestTimeoutMs);
+		const client = new DocsLayoutWorkerClientService(this._config.workerFactory, requestTimeoutMs, this._config.fontFaces);
 		this._injector.add([DocsLayoutWorkerClientService, { useValue: client }]);
 		this.disposeWithMe(client);
 		this.disposeWithMe(this._layoutExecutorService.register(client));
@@ -4231,7 +4513,8 @@ let DocInterceptorService = class DocInterceptorService extends Disposable {
 	}
 	fetchThroughInterceptors(name) {
 		const key = name;
-		return composeInterceptors(this._interceptorsByName.get(key) || []);
+		const interceptors = this._interceptorsByName.get(key);
+		return composeInterceptors(interceptors || []);
 	}
 	interceptDocumentViewModel(viewModel) {
 		const disposableCollection = new DisposableCollection();