@univerjs/sheets-zen-editor 0.20.1 → 0.21.0

package/lib/es/index.js

@@ -1 +1,517 @@
-import{CommandType as e,DEFAULT_EMPTY_DOCUMENT_VALUE as t,DOCS_ZEN_EDITOR_UNIT_ID_KEY as n,Disposable as r,DocumentDataModel as i,DocumentFlavor as a,EDITOR_ACTIVATED as o,FOCUSING_DOC as s,FOCUSING_EDITOR_STANDALONE as c,FOCUSING_UNIVER_EDITOR as l,ICommandService as u,IConfigService as d,IUniverInstanceService as f,Inject as p,Injector as m,Plugin as h,RxDisposable as g,Tools as _,UniverInstanceType as v,createIdentifier as ee,delayAnimationFrame as y,merge as te}from"@univerjs/core";import{DocBackScrollRenderController as b,IEditorService as x,VIEWPORT_KEY as ne}from"@univerjs/docs-ui";import{IRenderManagerService as S}from"@univerjs/engine-render";import{EditingRenderController as re,IEditorBridgeService as C,getCurrentExclusiveRangeInterest$ as ie,getCurrentRangeDisable$ as ae,getEditorObject as oe}from"@univerjs/sheets-ui";import{ContextMenuGroup as se,ContextMenuPosition as ce,IMenuManagerService as le,IShortcutService as ue,ISidebarService as w,IZenZoneService as T,KeyCode as E,MenuItemType as de,MetaKeys as fe,useDependency as D}from"@univerjs/ui";import{RangeProtectionPermissionEditPoint as pe,WorkbookEditablePermission as me,WorksheetEditPermission as he,WorksheetSetCellStylePermission as ge,WorksheetSetCellValuePermission as _e}from"@univerjs/sheets";import{BehaviorSubject as O,map as k,switchMap as A,takeUntil as j}from"rxjs";import{clsx as M}from"@univerjs/design";import{CheckMarkIcon as N,CloseIcon as P}from"@univerjs/icons";import{useEffect as F,useRef as I}from"react";import{jsx as L,jsxs as R}from"react/jsx-runtime";const z={id:`zen-editor.command.open-zen-editor`,type:e.COMMAND,handler:async e=>{var t;let r=e.get(T),i=e.get(x),a=e.get(C),o=e.get(f),s=e.get(w);s.visible&&(s.close(),await y()),r.open();let c=i.getEditor(n);if(c==null)return!1;let l=a.getLatestEditCellState();if(l==null)return!1;let u=(t=l.documentLayoutObject.documentModel)==null?void 0:t.getSnapshot();if(u==null)return!1;o.focusUnit(n);let{body:d,drawings:p,drawingsOrder:m,tableSource:h,settings:g}=_.deepClone(u),v={...c.getDocumentData(),body:d,drawings:p,drawingsOrder:m,tableSource:h,settings:g};return c.focus(),c.setDocumentData(v,[{startOffset:0,endOffset:0,collapsed:!0}]),c.clearUndoRedoHistory(),!0}},B={id:`zen-editor.command.cancel-zen-edit`,type:e.COMMAND,handler:async e=>{let t=e.get(T),n=e.get(C),r=e.get(f),i=e.get(w);i.visible&&(i.close(),await y()),t.close();let a=r.getCurrentUnitForType(v.UNIVER_SHEET);return a?(r.focusUnit(a.getUnitId()),n.refreshEditCellState(),!0):!1}},V={id:`zen-editor.command.confirm-zen-edit`,type:e.COMMAND,handler:async e=>{let t=e.get(T),r=e.get(C),o=e.get(f),s=e.get(x),c=e.get(w);c.visible&&(c.close(),await y()),t.close();let l=s.getEditor(n);if(l==null)return!1;let u=e.get(S),d=o.getCurrentUnitForType(v.UNIVER_SHEET);if(d){var p;let e=d.getUnitId(),t=(p=u.getRenderById(e))==null?void 0:p.with(re);if(t){let e=_.deepClone(l.getDocumentData());e.documentStyle.documentFlavor=a.UNSPECIFIED,t.submitCellData(new i(e))}return o.focusUnit(d.getUnitId()),r.refreshEditCellState(),!0}return!1}};var ve=`@univerjs/sheets-zen-editor`,ye=`0.20.1`;const H=`sheets-zen-editor.config`;Symbol(H);const U={};function be(e){let t=e.get(C);return{id:z.id,type:de.BUTTON,title:`rightClick.zenEditor`,icon:`AmplifyIcon`,hidden$:ie(e),disabled$:t.currentEditCell$.pipe(A(t=>ae(e,{workbookTypes:[me],worksheetTypes:[he,_e,ge],rangeTypes:[pe]}).pipe(k(e=>{var n,r;return e||((n=t==null||(r=t.documentLayoutObject.documentModel)==null||(r=r.getBody())==null||(r=r.customBlocks)==null?void 0:r.length)==null?0:n)>0}))))}}const xe={[ce.MAIN_AREA]:{[se.OTHERS]:{[z.id]:{order:2,menuItemFactory:be}}}};function W(e){"@babel/helpers - typeof";return W=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},W(e)}function Se(e,t){if(W(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(W(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ce(e){var t=Se(e,`string`);return W(t)==`symbol`?t:t+``}function G(e,t,n){return(t=Ce(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var we=class{constructor(){G(this,`_position`,null),G(this,`_position$`,new O(null)),G(this,`position$`,this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(e){this._position=e,this._refresh(e)}getPosition(){return this._position}_refresh(e){this._position$.next(e)}};const K=ee(`univer.sheet-zen-editor-manager.service`),Te={id:n,body:{dataStream:`${t}`,textRuns:[],tables:[],customBlocks:[],paragraphs:[{startIndex:0}],sectionBreaks:[{startIndex:1}]},tableSource:{},documentStyle:{pageSize:{width:595,height:1/0},documentFlavor:a.MODERN,marginTop:0,marginBottom:0,marginRight:0,marginLeft:0,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};function Ee(){let e=I(null),t=D(K),r=D(x),i=D(u);F(()=>{let i=e.current;if(!i)return;let a=r.register({editorUnitId:n,initialSnapshot:Te,scrollBar:!0,backScrollOffset:100},i),o=new ResizeObserver(()=>{t.setPosition(i.getBoundingClientRect())});return o.observe(i),()=>{a.dispose(),o.unobserve(i)}},[]);function a(){let e=r.getEditor(n);e==null||e.blur(),i.executeCommand(B.id)}function o(){let e=r.getEditor(n);e==null||e.blur(),i.executeCommand(V.id)}let s=`univer-flex univer-w-7 univer-cursor-pointer univer-items-center univer-justify-center univer-transition-colors`;return R(`div`,{className:`univer-absolute univer-inset-0 univer-size-full univer-bg-white dark:!univer-bg-gray-800`,children:[R(`div`,{className:`univer-absolute univer-right-6 univer-top-2 univer-z-10 univer-flex univer-items-center univer-justify-center`,children:[L(`span`,{className:M(s,`univer-text-red-500 hover:univer-text-red-600`),onClick:a,children:L(P,{className:`univer-size-5`})}),L(`span`,{className:M(s,`univer-text-green-500 hover:univer-text-green-600`),onClick:o,children:L(N,{className:`univer-size-5`})})]}),L(`div`,{ref:e,className:`univer-absolute univer-inset-0 univer-size-full`})]})}const q={id:V.id,description:`shortcut.sheet.zen-edit-confirm`,group:`4_sheet-edit`,preconditions:e=>J(e),binding:E.ENTER|fe.ALT},De={id:B.id,description:`shortcut.sheet.zen-edit-cancel`,group:`4_sheet-edit`,preconditions:e=>J(e),binding:E.ESC};function J(e){return e.getContextValue(s)&&e.getContextValue(l)&&e.getContextValue(o)&&!e.getContextValue(c)}function Y(e,t){return function(n,r){t(n,r,e)}}function X(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let Z=class extends r{constructor(e,t,n,r){super(),this._zenZoneService=e,this._commandService=t,this._menuManagerService=n,this._shortcutService=r,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(`ZEN_EDITOR_PLUGIN_ZEN_EDITOR_COMPONENT`,Ee))}_initCommands(){[z,B,V].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){this._menuManagerService.mergeMenu(xe)}_initShortcuts(){[q,De].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};Z=X([Y(0,T),Y(1,u),Y(2,le),Y(3,ue)],Z);let Q=class extends g{constructor(e,t){super(),this._zenEditorManagerService=e,this._renderManagerService=t,this._initialize()}_initialize(){this._syncZenEditorSize()}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(j(this.dispose$)).subscribe(e=>{if(e==null)return;let{width:t,height:r}=e,i=oe(n,this._renderManagerService);i!=null&&requestIdleCallback(()=>{i.engine.resizeBySize(t,r),this._calculatePagePosition(i),this._scrollToTop()})})}_calculatePagePosition(e){let{document:t,scene:n,docBackground:r}=e,i=n==null?void 0:n.getParent(),{width:a,height:o,pageMarginLeft:s,pageMarginTop:c}=t;if(i==null||a===1/0||o===1/0)return;let{width:l,height:u}=i,d=0,f=c,p=0,m=0,h=1/0,{scaleX:g,scaleY:_}=n.getAncestorScale();l>(a+s*2)*g?(d=l/2-a*g/2,d/=g,p=(l-s*2)/g,h=0):(d=s,p=a+s*2,h=(p-l/g)/2),m=u>o?(u-c*2)/_:o+c*2,n.resize(p,m),t.translate(d,f),r.translate(d,f);let v=n.getViewport(ne.VIEW_MAIN);if(h!==1/0&&v!=null){let e=v.transScroll2ViewportScrollValue(h,0).x;v.scrollToBarPos({x:e})}return this}_scrollToTop(){var e;let t=(e=this._renderManagerService.getRenderById(n))==null?void 0:e.with(b);t&&t.scrollToRange({startOffset:0,endOffset:0})}};Q=X([Y(0,K),Y(1,S)],Q);let $=class extends h{constructor(e=U,t,n){super(),this._config=e,this._injector=t,this._configService=n;let{menu:r,...i}=te({},U,this._config);r&&this._configService.setConfig(`menu`,r,{merge:!0}),this._configService.setConfig(H,i),this._initializeDependencies(this._injector)}_initializeDependencies(e){[[Z],[Q],[K,{useClass:we}]].forEach(t=>e.add(t))}onReady(){this._injector.get(Z)}onSteady(){this._injector.get(Q)}};G($,`pluginName`,`SHEET_ZEN_EDITOR_PLUGIN`),G($,`packageName`,ve),G($,`version`,ye),G($,`type`,v.UNIVER_SHEET),$=X([Y(1,p(m)),Y(2,d)],$);export{B as CancelZenEditCommand,V as ConfirmZenEditCommand,z as OpenZenEditorCommand,$ as UniverSheetsZenEditorPlugin};
+import { CommandType, DEFAULT_EMPTY_DOCUMENT_VALUE, DOCS_ZEN_EDITOR_UNIT_ID_KEY, Disposable, DocumentDataModel, DocumentFlavor, EDITOR_ACTIVATED, FOCUSING_DOC, FOCUSING_EDITOR_STANDALONE, FOCUSING_UNIVER_EDITOR, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, Plugin, RxDisposable, Tools, UniverInstanceType, createIdentifier, delayAnimationFrame, merge } from "@univerjs/core";
+import { DocBackScrollRenderController, IEditorService, VIEWPORT_KEY } from "@univerjs/docs-ui";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { EditingRenderController, IEditorBridgeService, getCurrentExclusiveRangeInterest$, getCurrentRangeDisable$, getEditorObject } from "@univerjs/sheets-ui";
+import { ContextMenuGroup, ContextMenuPosition, IMenuManagerService, IShortcutService, ISidebarService, IZenZoneService, KeyCode, MenuItemType, MetaKeys, useDependency } from "@univerjs/ui";
+import { RangeProtectionPermissionEditPoint, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, WorksheetSetCellValuePermission } from "@univerjs/sheets";
+import { BehaviorSubject, map, switchMap, takeUntil } from "rxjs";
+import { clsx } from "@univerjs/design";
+import { CheckMarkIcon, CloseIcon } from "@univerjs/icons";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/commands/commands/zen-editor.command.ts
+const OpenZenEditorCommand = {
+	id: "zen-editor.command.open-zen-editor",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		var _editCellState$docume;
+		const zenZoneService = accessor.get(IZenZoneService);
+		const editorService = accessor.get(IEditorService);
+		const editorBridgeService = accessor.get(IEditorBridgeService);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const sideBarService = accessor.get(ISidebarService);
+		if (sideBarService.visible) {
+			sideBarService.close();
+			await delayAnimationFrame();
+		}
+		zenZoneService.open();
+		const editor = editorService.getEditor(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		if (editor == null) return false;
+		const editCellState = editorBridgeService.getLatestEditCellState();
+		if (editCellState == null) return false;
+		const snapshot = (_editCellState$docume = editCellState.documentLayoutObject.documentModel) === null || _editCellState$docume === void 0 ? void 0 : _editCellState$docume.getSnapshot();
+		if (snapshot == null) return false;
+		univerInstanceService.focusUnit(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		const { body, drawings, drawingsOrder, tableSource, settings } = Tools.deepClone(snapshot);
+		const newSnapshot = {
+			...editor.getDocumentData(),
+			body,
+			drawings,
+			drawingsOrder,
+			tableSource,
+			settings
+		};
+		const textRanges = [{
+			startOffset: 0,
+			endOffset: 0,
+			collapsed: true
+		}];
+		editor.focus();
+		editor.setDocumentData(newSnapshot, textRanges);
+		editor.clearUndoRedoHistory();
+		return true;
+	}
+};
+const CancelZenEditCommand = {
+	id: "zen-editor.command.cancel-zen-edit",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		const zenZoneEditorService = accessor.get(IZenZoneService);
+		const editorBridgeService = accessor.get(IEditorBridgeService);
+		const univerInstanceManager = accessor.get(IUniverInstanceService);
+		const sideBarService = accessor.get(ISidebarService);
+		if (sideBarService.visible) {
+			sideBarService.close();
+			await delayAnimationFrame();
+		}
+		zenZoneEditorService.close();
+		const currentSheetInstance = univerInstanceManager.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		if (currentSheetInstance) {
+			univerInstanceManager.focusUnit(currentSheetInstance.getUnitId());
+			editorBridgeService.refreshEditCellState();
+			return true;
+		}
+		return false;
+	}
+};
+const ConfirmZenEditCommand = {
+	id: "zen-editor.command.confirm-zen-edit",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		const zenZoneEditorService = accessor.get(IZenZoneService);
+		const editorBridgeService = accessor.get(IEditorBridgeService);
+		const univerInstanceManager = accessor.get(IUniverInstanceService);
+		const editorService = accessor.get(IEditorService);
+		const sideBarService = accessor.get(ISidebarService);
+		if (sideBarService.visible) {
+			sideBarService.close();
+			await delayAnimationFrame();
+		}
+		zenZoneEditorService.close();
+		const editor = editorService.getEditor(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		if (editor == null) return false;
+		const renderManagerService = accessor.get(IRenderManagerService);
+		const currentSheetInstance = univerInstanceManager.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		if (currentSheetInstance) {
+			var _renderManagerService;
+			const currentSheetId = currentSheetInstance.getUnitId();
+			const editingRenderController = (_renderManagerService = renderManagerService.getRenderById(currentSheetId)) === null || _renderManagerService === void 0 ? void 0 : _renderManagerService.with(EditingRenderController);
+			if (editingRenderController) {
+				const snapshot = Tools.deepClone(editor.getDocumentData());
+				snapshot.documentStyle.documentFlavor = DocumentFlavor.UNSPECIFIED;
+				editingRenderController.submitCellData(new DocumentDataModel(snapshot));
+			}
+			univerInstanceManager.focusUnit(currentSheetInstance.getUnitId());
+			editorBridgeService.refreshEditCellState();
+			return true;
+		}
+		return false;
+	}
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-zen-editor";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_ZEN_EDITOR_PLUGIN_CONFIG_KEY = "sheets-zen-editor.config";
+const configSymbol = Symbol(SHEETS_ZEN_EDITOR_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/menu/menu.ts
+function ZenEditorMenuItemFactory(accessor) {
+	const editorBridgeService = accessor.get(IEditorBridgeService);
+	return {
+		id: OpenZenEditorCommand.id,
+		type: MenuItemType.BUTTON,
+		title: "rightClick.zenEditor",
+		icon: "AmplifyIcon",
+		hidden$: getCurrentExclusiveRangeInterest$(accessor),
+		disabled$: editorBridgeService.currentEditCell$.pipe(switchMap((cell) => getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [
+				WorksheetEditPermission,
+				WorksheetSetCellValuePermission,
+				WorksheetSetCellStylePermission
+			],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		}).pipe(map((disabled) => {
+			var _cell$documentLayoutO, _cell$documentLayoutO2;
+			return disabled || ((_cell$documentLayoutO = cell === null || cell === void 0 || (_cell$documentLayoutO2 = cell.documentLayoutObject.documentModel) === null || _cell$documentLayoutO2 === void 0 || (_cell$documentLayoutO2 = _cell$documentLayoutO2.getBody()) === null || _cell$documentLayoutO2 === void 0 || (_cell$documentLayoutO2 = _cell$documentLayoutO2.customBlocks) === null || _cell$documentLayoutO2 === void 0 ? void 0 : _cell$documentLayoutO2.length) !== null && _cell$documentLayoutO !== void 0 ? _cell$documentLayoutO : 0) > 0;
+		}))))
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [ContextMenuPosition.MAIN_AREA]: { [ContextMenuGroup.OTHERS]: { [OpenZenEditorCommand.id]: {
+	order: 2,
+	menuItemFactory: ZenEditorMenuItemFactory
+} } } };
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region src/services/zen-editor.service.ts
+var ZenEditorManagerService = class {
+	constructor() {
+		_defineProperty(this, "_position", null);
+		_defineProperty(this, "_position$", new BehaviorSubject(null));
+		_defineProperty(this, "position$", this._position$.asObservable());
+	}
+	dispose() {
+		this._position$.complete();
+		this._position = null;
+	}
+	setPosition(param) {
+		this._position = param;
+		this._refresh(param);
+	}
+	getPosition() {
+		return this._position;
+	}
+	_refresh(param) {
+		this._position$.next(param);
+	}
+};
+const IZenEditorManagerService = createIdentifier("univer.sheet-zen-editor-manager.service");
+
+//#endregion
+//#region src/views/zen-editor/ZenEditor.tsx
+const COMPONENT_PREFIX = "ZEN_EDITOR_PLUGIN_";
+const ZEN_EDITOR_COMPONENT = `${COMPONENT_PREFIX}ZEN_EDITOR_COMPONENT`;
+const INITIAL_SNAPSHOT = {
+	id: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+	body: {
+		dataStream: `${DEFAULT_EMPTY_DOCUMENT_VALUE}`,
+		textRuns: [],
+		tables: [],
+		customBlocks: [],
+		paragraphs: [{ startIndex: 0 }],
+		sectionBreaks: [{ startIndex: 1 }]
+	},
+	tableSource: {},
+	documentStyle: {
+		pageSize: {
+			width: 595,
+			height: Number.POSITIVE_INFINITY
+		},
+		documentFlavor: DocumentFlavor.MODERN,
+		marginTop: 0,
+		marginBottom: 0,
+		marginRight: 0,
+		marginLeft: 0,
+		renderConfig: {
+			vertexAngle: 0,
+			centerAngle: 0
+		}
+	},
+	drawings: {},
+	drawingsOrder: []
+};
+function ZenEditor() {
+	const editorRef = useRef(null);
+	const zenEditorService = useDependency(IZenEditorManagerService);
+	const editorService = useDependency(IEditorService);
+	const commandService = useDependency(ICommandService);
+	useEffect(() => {
+		const editorDom = editorRef.current;
+		if (!editorDom) return;
+		const registerSubscription = editorService.register({
+			editorUnitId: DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+			initialSnapshot: INITIAL_SNAPSHOT,
+			scrollBar: true,
+			backScrollOffset: 100
+		}, editorDom);
+		const resizeObserver = new ResizeObserver(() => {
+			zenEditorService.setPosition(editorDom.getBoundingClientRect());
+		});
+		resizeObserver.observe(editorDom);
+		return () => {
+			registerSubscription.dispose();
+			resizeObserver.unobserve(editorDom);
+		};
+	}, []);
+	function handleCloseBtnClick() {
+		const editor = editorService.getEditor(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		editor === null || editor === void 0 || editor.blur();
+		commandService.executeCommand(CancelZenEditCommand.id);
+	}
+	function handleConfirmBtnClick() {
+		const editor = editorService.getEditor(DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		editor === null || editor === void 0 || editor.blur();
+		commandService.executeCommand(ConfirmZenEditCommand.id);
+	}
+	const containerClassName = "univer-flex univer-w-7 univer-cursor-pointer univer-items-center univer-justify-center univer-transition-colors";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "univer-absolute univer-inset-0 univer-size-full univer-bg-white dark:!univer-bg-gray-800",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "univer-absolute univer-right-6 univer-top-2 univer-z-10 univer-flex univer-items-center univer-justify-center",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: clsx(containerClassName, "univer-text-red-500 hover:univer-text-red-600"),
+				onClick: handleCloseBtnClick,
+				children: /* @__PURE__ */ jsx(CloseIcon, { className: "univer-size-5" })
+			}), /* @__PURE__ */ jsx("span", {
+				className: clsx(containerClassName, "univer-text-green-500 hover:univer-text-green-600"),
+				onClick: handleConfirmBtnClick,
+				children: /* @__PURE__ */ jsx(CheckMarkIcon, { className: "univer-size-5" })
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			ref: editorRef,
+			className: "univer-absolute univer-inset-0 univer-size-full"
+		})]
+	});
+}
+
+//#endregion
+//#region src/controllers/shortcuts/zen-editor.shortcut.ts
+const ZenEditorConfirmShortcut = {
+	id: ConfirmZenEditCommand.id,
+	description: "shortcut.sheet.zen-edit-confirm",
+	group: "4_sheet-edit",
+	preconditions: (contextService) => whenZenEditorActivated(contextService),
+	binding: KeyCode.ENTER | MetaKeys.ALT
+};
+const ZenEditorCancelShortcut = {
+	id: CancelZenEditCommand.id,
+	description: "shortcut.sheet.zen-edit-cancel",
+	group: "4_sheet-edit",
+	preconditions: (contextService) => whenZenEditorActivated(contextService),
+	binding: KeyCode.ESC
+};
+/**
+* Requires the currently focused unit to be Doc and the zen editor is activated.
+* @param contextService
+* @returns
+*/
+function whenZenEditorActivated(contextService) {
+	return contextService.getContextValue(FOCUSING_DOC) && contextService.getContextValue(FOCUSING_UNIVER_EDITOR) && contextService.getContextValue(EDITOR_ACTIVATED) && !contextService.getContextValue(FOCUSING_EDITOR_STANDALONE);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/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);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/controllers/zen-editor-ui.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let ZenEditorUIController = class ZenEditorUIController extends Disposable {
+	constructor(_zenZoneService, _commandService, _menuManagerService, _shortcutService) {
+		super();
+		this._zenZoneService = _zenZoneService;
+		this._commandService = _commandService;
+		this._menuManagerService = _menuManagerService;
+		this._shortcutService = _shortcutService;
+		this._initialize();
+	}
+	_initialize() {
+		this._initCustomComponents();
+		this._initCommands();
+		this._initMenus();
+		this._initShortcuts();
+	}
+	_initCustomComponents() {
+		this.disposeWithMe(this._zenZoneService.set(ZEN_EDITOR_COMPONENT, ZenEditor));
+	}
+	_initCommands() {
+		[
+			OpenZenEditorCommand,
+			CancelZenEditCommand,
+			ConfirmZenEditCommand
+		].forEach((c) => {
+			this.disposeWithMe(this._commandService.registerCommand(c));
+		});
+	}
+	_initMenus() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initShortcuts() {
+		[ZenEditorConfirmShortcut, ZenEditorCancelShortcut].forEach((item) => {
+			this.disposeWithMe(this._shortcutService.registerShortcut(item));
+		});
+	}
+};
+ZenEditorUIController = __decorate([
+	__decorateParam(0, IZenZoneService),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, IMenuManagerService),
+	__decorateParam(3, IShortcutService)
+], ZenEditorUIController);
+
+//#endregion
+//#region src/controllers/zen-editor.controller.ts
+let ZenEditorController = class ZenEditorController extends RxDisposable {
+	constructor(_zenEditorManagerService, _renderManagerService) {
+		super();
+		this._zenEditorManagerService = _zenEditorManagerService;
+		this._renderManagerService = _renderManagerService;
+		this._initialize();
+	}
+	_initialize() {
+		this._syncZenEditorSize();
+	}
+	_syncZenEditorSize() {
+		this._zenEditorManagerService.position$.pipe(takeUntil(this.dispose$)).subscribe((position) => {
+			if (position == null) return;
+			const { width, height } = position;
+			const editorObject = getEditorObject(DOCS_ZEN_EDITOR_UNIT_ID_KEY, this._renderManagerService);
+			if (editorObject == null) return;
+			requestIdleCallback(() => {
+				editorObject.engine.resizeBySize(width, height);
+				this._calculatePagePosition(editorObject);
+				this._scrollToTop();
+			});
+		});
+	}
+	_calculatePagePosition(currentRender) {
+		const { document: docsComponent, scene, docBackground } = currentRender;
+		const parent = scene === null || scene === void 0 ? void 0 : scene.getParent();
+		const { width: docsWidth, height: docsHeight, pageMarginLeft, pageMarginTop } = docsComponent;
+		if (parent == null || docsWidth === Number.POSITIVE_INFINITY || docsHeight === Number.POSITIVE_INFINITY) return;
+		const { width: engineWidth, height: engineHeight } = parent;
+		let docsLeft = 0;
+		const docsTop = pageMarginTop;
+		let sceneWidth = 0;
+		let sceneHeight = 0;
+		let scrollToX = Number.POSITIVE_INFINITY;
+		const { scaleX, scaleY } = scene.getAncestorScale();
+		if (engineWidth > (docsWidth + pageMarginLeft * 2) * scaleX) {
+			docsLeft = engineWidth / 2 - docsWidth * scaleX / 2;
+			docsLeft /= scaleX;
+			sceneWidth = (engineWidth - pageMarginLeft * 2) / scaleX;
+			scrollToX = 0;
+		} else {
+			docsLeft = pageMarginLeft;
+			sceneWidth = docsWidth + pageMarginLeft * 2;
+			scrollToX = (sceneWidth - engineWidth / scaleX) / 2;
+		}
+		if (engineHeight > docsHeight) sceneHeight = (engineHeight - pageMarginTop * 2) / scaleY;
+		else sceneHeight = docsHeight + pageMarginTop * 2;
+		scene.resize(sceneWidth, sceneHeight);
+		docsComponent.translate(docsLeft, docsTop);
+		docBackground.translate(docsLeft, docsTop);
+		const viewport = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN);
+		if (scrollToX !== Number.POSITIVE_INFINITY && viewport != null) {
+			const actualX = viewport.transScroll2ViewportScrollValue(scrollToX, 0).x;
+			viewport.scrollToBarPos({ x: actualX });
+		}
+		return this;
+	}
+	_scrollToTop() {
+		var _this$_renderManagerS;
+		const backScrollController = (_this$_renderManagerS = this._renderManagerService.getRenderById(DOCS_ZEN_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(DocBackScrollRenderController);
+		const textRange = {
+			startOffset: 0,
+			endOffset: 0
+		};
+		if (backScrollController) backScrollController.scrollToRange(textRange);
+	}
+};
+ZenEditorController = __decorate([__decorateParam(0, IZenEditorManagerService), __decorateParam(1, IRenderManagerService)], ZenEditorController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsZenEditorPlugin = class UniverSheetsZenEditorPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_ZEN_EDITOR_PLUGIN_CONFIG_KEY, rest);
+		this._initializeDependencies(this._injector);
+	}
+	_initializeDependencies(injector) {
+		[
+			[ZenEditorUIController],
+			[ZenEditorController],
+			[IZenEditorManagerService, { useClass: ZenEditorManagerService }]
+		].forEach((dependency) => injector.add(dependency));
+	}
+	onReady() {
+		this._injector.get(ZenEditorUIController);
+	}
+	onSteady() {
+		this._injector.get(ZenEditorController);
+	}
+};
+_defineProperty(UniverSheetsZenEditorPlugin, "pluginName", "SHEET_ZEN_EDITOR_PLUGIN");
+_defineProperty(UniverSheetsZenEditorPlugin, "packageName", name);
+_defineProperty(UniverSheetsZenEditorPlugin, "version", version);
+_defineProperty(UniverSheetsZenEditorPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsZenEditorPlugin = __decorate([__decorateParam(1, Inject(Injector)), __decorateParam(2, IConfigService)], UniverSheetsZenEditorPlugin);
+
+//#endregion
+export { CancelZenEditCommand, ConfirmZenEditCommand, OpenZenEditorCommand, UniverSheetsZenEditorPlugin };

package/lib/es/locale/ca-ES.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`Editor a pantalla completa`},shortcut:{sheet:{"zen-edit-cancel":`Cancel·la edició Zen`,"zen-edit-confirm":`Confirma edició Zen`}}};export{e as default};
+//#region src/locale/ca-ES.ts
+const locale = {
+	rightClick: { zenEditor: "Editor a pantalla completa" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "Cancel·la edició Zen",
+		"zen-edit-confirm": "Confirma edició Zen"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/en-US.js

@@ -1 +1,26 @@
-const e={rightClick:{zenEditor:`Full Screen Editor`},shortcut:{sheet:{"zen-edit-cancel":`Cancel Zen Edit`,"zen-edit-confirm":`Confirm Zen Edit`}}};export{e as default};
+//#region src/locale/en-US.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const locale = {
+	rightClick: { zenEditor: "Full Screen Editor" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "Cancel Zen Edit",
+		"zen-edit-confirm": "Confirm Zen Edit"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/es-ES.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`Editor a pantalla completa`},shortcut:{sheet:{"zen-edit-cancel":`Cancelar edición Zen`,"zen-edit-confirm":`Confirmar edición Zen`}}};export{e as default};
+//#region src/locale/es-ES.ts
+const locale = {
+	rightClick: { zenEditor: "Editor a pantalla completa" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "Cancelar edición Zen",
+		"zen-edit-confirm": "Confirmar edición Zen"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/fa-IR.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`ویرایشگر تمام صفحه`},shortcut:{sheet:{"zen-edit-cancel":`لغو ویرایش Zen`,"zen-edit-confirm":`تایید ویرایش Zen`}}};export{e as default};
+//#region src/locale/fa-IR.ts
+const locale = {
+	rightClick: { zenEditor: "ویرایشگر تمام صفحه" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "لغو ویرایش Zen",
+		"zen-edit-confirm": "تایید ویرایش Zen"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/fr-FR.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`Éditeur plein écran`},shortcut:{sheet:{"zen-edit-cancel":`Annuler l'édition plein écran`,"zen-edit-confirm":`Confirmer l'édition plein écran`}}};export{e as default};
+//#region src/locale/fr-FR.ts
+const locale = {
+	rightClick: { zenEditor: "Éditeur plein écran" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "Annuler l'édition plein écran",
+		"zen-edit-confirm": "Confirmer l'édition plein écran"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/ja-JP.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`禅モード`},shortcut:{sheet:{"zen-edit-cancel":`禅モードをキャンセル`,"zen-edit-confirm":`禅モードに移行`}}};export{e as default};
+//#region src/locale/ja-JP.ts
+const locale = {
+	rightClick: { zenEditor: "禅モード" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "禅モードをキャンセル",
+		"zen-edit-confirm": "禅モードに移行"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/ko-KR.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`젠 에디터`},shortcut:{sheet:{"zen-edit-cancel":`젠 편집 취소`,"zen-edit-confirm":`젠 편집 확인`}}};export{e as default};
+//#region src/locale/ko-KR.ts
+const locale = {
+	rightClick: { zenEditor: "젠 에디터" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "젠 편집 취소",
+		"zen-edit-confirm": "젠 편집 확인"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/ru-RU.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`Редактор на весь экран`},shortcut:{sheet:{"zen-edit-cancel":`Отменить Zen редактирование`,"zen-edit-confirm":`Подтвердить Zen редактирование`}}};export{e as default};
+//#region src/locale/ru-RU.ts
+const locale = {
+	rightClick: { zenEditor: "Редактор на весь экран" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "Отменить Zen редактирование",
+		"zen-edit-confirm": "Подтвердить Zen редактирование"
+	} }
+};
+
+//#endregion
+export { locale as default };

package/lib/es/locale/sk-SK.js

@@ -1 +1,11 @@
-const e={rightClick:{zenEditor:`Editor na celú obrazovku`},shortcut:{sheet:{"zen-edit-cancel":`Zrušiť zen úpravu`,"zen-edit-confirm":`Potvrdiť zen úpravu`}}};export{e as default};
+//#region src/locale/sk-SK.ts
+const locale = {
+	rightClick: { zenEditor: "Editor na celú obrazovku" },
+	shortcut: { sheet: {
+		"zen-edit-cancel": "Zrušiť zen úpravu",
+		"zen-edit-confirm": "Potvrdiť zen úpravu"
+	} }
+};
+
+//#endregion
+export { locale as default };