@univerjs/sheets-zen-editor 0.20.1 → 0.21.0

package/lib/cjs/index.js

@@ -1 +1,526 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/docs-ui`),n=require(`@univerjs/engine-render`),r=require(`@univerjs/sheets-ui`),i=require(`@univerjs/ui`),a=require(`@univerjs/sheets`),o=require(`rxjs`),s=require(`@univerjs/design`),c=require(`@univerjs/icons`),l=require(`react`),u=require(`react/jsx-runtime`);const d={id:`zen-editor.command.open-zen-editor`,type:e.CommandType.COMMAND,handler:async n=>{var a;let o=n.get(i.IZenZoneService),s=n.get(t.IEditorService),c=n.get(r.IEditorBridgeService),l=n.get(e.IUniverInstanceService),u=n.get(i.ISidebarService);u.visible&&(u.close(),await(0,e.delayAnimationFrame)()),o.open();let d=s.getEditor(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(d==null)return!1;let f=c.getLatestEditCellState();if(f==null)return!1;let p=(a=f.documentLayoutObject.documentModel)==null?void 0:a.getSnapshot();if(p==null)return!1;l.focusUnit(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY);let{body:m,drawings:h,drawingsOrder:g,tableSource:_,settings:v}=e.Tools.deepClone(p),y={...d.getDocumentData(),body:m,drawings:h,drawingsOrder:g,tableSource:_,settings:v};return d.focus(),d.setDocumentData(y,[{startOffset:0,endOffset:0,collapsed:!0}]),d.clearUndoRedoHistory(),!0}},f={id:`zen-editor.command.cancel-zen-edit`,type:e.CommandType.COMMAND,handler:async t=>{let n=t.get(i.IZenZoneService),a=t.get(r.IEditorBridgeService),o=t.get(e.IUniverInstanceService),s=t.get(i.ISidebarService);s.visible&&(s.close(),await(0,e.delayAnimationFrame)()),n.close();let c=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET);return c?(o.focusUnit(c.getUnitId()),a.refreshEditCellState(),!0):!1}},p={id:`zen-editor.command.confirm-zen-edit`,type:e.CommandType.COMMAND,handler:async a=>{let o=a.get(i.IZenZoneService),s=a.get(r.IEditorBridgeService),c=a.get(e.IUniverInstanceService),l=a.get(t.IEditorService),u=a.get(i.ISidebarService);u.visible&&(u.close(),await(0,e.delayAnimationFrame)()),o.close();let d=l.getEditor(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(d==null)return!1;let f=a.get(n.IRenderManagerService),p=c.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET);if(p){var m;let t=p.getUnitId(),n=(m=f.getRenderById(t))==null?void 0:m.with(r.EditingRenderController);if(n){let t=e.Tools.deepClone(d.getDocumentData());t.documentStyle.documentFlavor=e.DocumentFlavor.UNSPECIFIED,n.submitCellData(new e.DocumentDataModel(t))}return c.focusUnit(p.getUnitId()),s.refreshEditCellState(),!0}return!1}};var m=`@univerjs/sheets-zen-editor`,h=`0.20.1`;const g=`sheets-zen-editor.config`;Symbol(g);const _={};function v(e){let t=e.get(r.IEditorBridgeService);return{id:d.id,type:i.MenuItemType.BUTTON,title:`rightClick.zenEditor`,icon:`AmplifyIcon`,hidden$:(0,r.getCurrentExclusiveRangeInterest$)(e),disabled$:t.currentEditCell$.pipe((0,o.switchMap)(t=>(0,r.getCurrentRangeDisable$)(e,{workbookTypes:[a.WorkbookEditablePermission],worksheetTypes:[a.WorksheetEditPermission,a.WorksheetSetCellValuePermission,a.WorksheetSetCellStylePermission],rangeTypes:[a.RangeProtectionPermissionEditPoint]}).pipe((0,o.map)(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 y={[i.ContextMenuPosition.MAIN_AREA]:{[i.ContextMenuGroup.OTHERS]:{[d.id]:{order:2,menuItemFactory:v}}}};function b(e){"@babel/helpers - typeof";return b=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},b(e)}function x(e,t){if(b(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(b(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function S(e){var t=x(e,`string`);return b(t)==`symbol`?t:t+``}function C(e,t,n){return(t=S(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w=class{constructor(){C(this,`_position`,null),C(this,`_position$`,new o.BehaviorSubject(null)),C(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 T=(0,e.createIdentifier)(`univer.sheet-zen-editor-manager.service`),E={id:e.DOCS_ZEN_EDITOR_UNIT_ID_KEY,body:{dataStream:`${e.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],tables:[],customBlocks:[],paragraphs:[{startIndex:0}],sectionBreaks:[{startIndex:1}]},tableSource:{},documentStyle:{pageSize:{width:595,height:1/0},documentFlavor:e.DocumentFlavor.MODERN,marginTop:0,marginBottom:0,marginRight:0,marginLeft:0,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};function D(){let n=(0,l.useRef)(null),r=(0,i.useDependency)(T),a=(0,i.useDependency)(t.IEditorService),o=(0,i.useDependency)(e.ICommandService);(0,l.useEffect)(()=>{let t=n.current;if(!t)return;let i=a.register({editorUnitId:e.DOCS_ZEN_EDITOR_UNIT_ID_KEY,initialSnapshot:E,scrollBar:!0,backScrollOffset:100},t),o=new ResizeObserver(()=>{r.setPosition(t.getBoundingClientRect())});return o.observe(t),()=>{i.dispose(),o.unobserve(t)}},[]);function d(){let t=a.getEditor(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY);t==null||t.blur(),o.executeCommand(f.id)}function m(){let t=a.getEditor(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY);t==null||t.blur(),o.executeCommand(p.id)}let h=`univer-flex univer-w-7 univer-cursor-pointer univer-items-center univer-justify-center univer-transition-colors`;return(0,u.jsxs)(`div`,{className:`univer-absolute univer-inset-0 univer-size-full univer-bg-white dark:!univer-bg-gray-800`,children:[(0,u.jsxs)(`div`,{className:`univer-absolute univer-right-6 univer-top-2 univer-z-10 univer-flex univer-items-center univer-justify-center`,children:[(0,u.jsx)(`span`,{className:(0,s.clsx)(h,`univer-text-red-500 hover:univer-text-red-600`),onClick:d,children:(0,u.jsx)(c.CloseIcon,{className:`univer-size-5`})}),(0,u.jsx)(`span`,{className:(0,s.clsx)(h,`univer-text-green-500 hover:univer-text-green-600`),onClick:m,children:(0,u.jsx)(c.CheckMarkIcon,{className:`univer-size-5`})})]}),(0,u.jsx)(`div`,{ref:n,className:`univer-absolute univer-inset-0 univer-size-full`})]})}const O={id:p.id,description:`shortcut.sheet.zen-edit-confirm`,group:`4_sheet-edit`,preconditions:e=>A(e),binding:i.KeyCode.ENTER|i.MetaKeys.ALT},k={id:f.id,description:`shortcut.sheet.zen-edit-cancel`,group:`4_sheet-edit`,preconditions:e=>A(e),binding:i.KeyCode.ESC};function A(t){return t.getContextValue(e.FOCUSING_DOC)&&t.getContextValue(e.FOCUSING_UNIVER_EDITOR)&&t.getContextValue(e.EDITOR_ACTIVATED)&&!t.getContextValue(e.FOCUSING_EDITOR_STANDALONE)}function j(e,t){return function(n,r){t(n,r,e)}}function M(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 N=class extends e.Disposable{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`,D))}_initCommands(){[d,f,p].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){this._menuManagerService.mergeMenu(y)}_initShortcuts(){[O,k].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};N=M([j(0,i.IZenZoneService),j(1,e.ICommandService),j(2,i.IMenuManagerService),j(3,i.IShortcutService)],N);let P=class extends e.RxDisposable{constructor(e,t){super(),this._zenEditorManagerService=e,this._renderManagerService=t,this._initialize()}_initialize(){this._syncZenEditorSize()}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe((0,o.takeUntil)(this.dispose$)).subscribe(t=>{if(t==null)return;let{width:n,height:i}=t,a=(0,r.getEditorObject)(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY,this._renderManagerService);a!=null&&requestIdleCallback(()=>{a.engine.resizeBySize(n,i),this._calculatePagePosition(a),this._scrollToTop()})})}_calculatePagePosition(e){let{document:n,scene:r,docBackground:i}=e,a=r==null?void 0:r.getParent(),{width:o,height:s,pageMarginLeft:c,pageMarginTop:l}=n;if(a==null||o===1/0||s===1/0)return;let{width:u,height:d}=a,f=0,p=l,m=0,h=0,g=1/0,{scaleX:_,scaleY:v}=r.getAncestorScale();u>(o+c*2)*_?(f=u/2-o*_/2,f/=_,m=(u-c*2)/_,g=0):(f=c,m=o+c*2,g=(m-u/_)/2),h=d>s?(d-l*2)/v:s+l*2,r.resize(m,h),n.translate(f,p),i.translate(f,p);let y=r.getViewport(t.VIEWPORT_KEY.VIEW_MAIN);if(g!==1/0&&y!=null){let e=y.transScroll2ViewportScrollValue(g,0).x;y.scrollToBarPos({x:e})}return this}_scrollToTop(){var n;let r=(n=this._renderManagerService.getRenderById(e.DOCS_ZEN_EDITOR_UNIT_ID_KEY))==null?void 0:n.with(t.DocBackScrollRenderController);r&&r.scrollToRange({startOffset:0,endOffset:0})}};P=M([j(0,T),j(1,n.IRenderManagerService)],P);let F=class extends e.Plugin{constructor(t=_,n,r){super(),this._config=t,this._injector=n,this._configService=r;let{menu:i,...a}=(0,e.merge)({},_,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(g,a),this._initializeDependencies(this._injector)}_initializeDependencies(e){[[N],[P],[T,{useClass:w}]].forEach(t=>e.add(t))}onReady(){this._injector.get(N)}onSteady(){this._injector.get(P)}};C(F,`pluginName`,`SHEET_ZEN_EDITOR_PLUGIN`),C(F,`packageName`,m),C(F,`version`,h),C(F,`type`,e.UniverInstanceType.UNIVER_SHEET),F=M([j(1,(0,e.Inject)(e.Injector)),j(2,e.IConfigService)],F),exports.CancelZenEditCommand=f,exports.ConfirmZenEditCommand=p,exports.OpenZenEditorCommand=d,Object.defineProperty(exports,`UniverSheetsZenEditorPlugin`,{enumerable:!0,get:function(){return F}});
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_docs_ui = require("@univerjs/docs-ui");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
+let _univerjs_ui = require("@univerjs/ui");
+let _univerjs_sheets = require("@univerjs/sheets");
+let rxjs = require("rxjs");
+let _univerjs_design = require("@univerjs/design");
+let _univerjs_icons = require("@univerjs/icons");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/commands/commands/zen-editor.command.ts
+const OpenZenEditorCommand = {
+	id: "zen-editor.command.open-zen-editor",
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor) => {
+		var _editCellState$docume;
+		const zenZoneService = accessor.get(_univerjs_ui.IZenZoneService);
+		const editorService = accessor.get(_univerjs_docs_ui.IEditorService);
+		const editorBridgeService = accessor.get(_univerjs_sheets_ui.IEditorBridgeService);
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const sideBarService = accessor.get(_univerjs_ui.ISidebarService);
+		if (sideBarService.visible) {
+			sideBarService.close();
+			await (0, _univerjs_core.delayAnimationFrame)();
+		}
+		zenZoneService.open();
+		const editor = editorService.getEditor(_univerjs_core.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(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		const { body, drawings, drawingsOrder, tableSource, settings } = _univerjs_core.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: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor) => {
+		const zenZoneEditorService = accessor.get(_univerjs_ui.IZenZoneService);
+		const editorBridgeService = accessor.get(_univerjs_sheets_ui.IEditorBridgeService);
+		const univerInstanceManager = accessor.get(_univerjs_core.IUniverInstanceService);
+		const sideBarService = accessor.get(_univerjs_ui.ISidebarService);
+		if (sideBarService.visible) {
+			sideBarService.close();
+			await (0, _univerjs_core.delayAnimationFrame)();
+		}
+		zenZoneEditorService.close();
+		const currentSheetInstance = univerInstanceManager.getCurrentUnitForType(_univerjs_core.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: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor) => {
+		const zenZoneEditorService = accessor.get(_univerjs_ui.IZenZoneService);
+		const editorBridgeService = accessor.get(_univerjs_sheets_ui.IEditorBridgeService);
+		const univerInstanceManager = accessor.get(_univerjs_core.IUniverInstanceService);
+		const editorService = accessor.get(_univerjs_docs_ui.IEditorService);
+		const sideBarService = accessor.get(_univerjs_ui.ISidebarService);
+		if (sideBarService.visible) {
+			sideBarService.close();
+			await (0, _univerjs_core.delayAnimationFrame)();
+		}
+		zenZoneEditorService.close();
+		const editor = editorService.getEditor(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		if (editor == null) return false;
+		const renderManagerService = accessor.get(_univerjs_engine_render.IRenderManagerService);
+		const currentSheetInstance = univerInstanceManager.getCurrentUnitForType(_univerjs_core.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(_univerjs_sheets_ui.EditingRenderController);
+			if (editingRenderController) {
+				const snapshot = _univerjs_core.Tools.deepClone(editor.getDocumentData());
+				snapshot.documentStyle.documentFlavor = _univerjs_core.DocumentFlavor.UNSPECIFIED;
+				editingRenderController.submitCellData(new _univerjs_core.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(_univerjs_sheets_ui.IEditorBridgeService);
+	return {
+		id: OpenZenEditorCommand.id,
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		title: "rightClick.zenEditor",
+		icon: "AmplifyIcon",
+		hidden$: (0, _univerjs_sheets_ui.getCurrentExclusiveRangeInterest$)(accessor),
+		disabled$: editorBridgeService.currentEditCell$.pipe((0, rxjs.switchMap)((cell) => (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [
+				_univerjs_sheets.WorksheetEditPermission,
+				_univerjs_sheets.WorksheetSetCellValuePermission,
+				_univerjs_sheets.WorksheetSetCellStylePermission
+			],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		}).pipe((0, rxjs.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 = { [_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.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 rxjs.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 = (0, _univerjs_core.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: _univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY,
+	body: {
+		dataStream: `${_univerjs_core.DEFAULT_EMPTY_DOCUMENT_VALUE}`,
+		textRuns: [],
+		tables: [],
+		customBlocks: [],
+		paragraphs: [{ startIndex: 0 }],
+		sectionBreaks: [{ startIndex: 1 }]
+	},
+	tableSource: {},
+	documentStyle: {
+		pageSize: {
+			width: 595,
+			height: Number.POSITIVE_INFINITY
+		},
+		documentFlavor: _univerjs_core.DocumentFlavor.MODERN,
+		marginTop: 0,
+		marginBottom: 0,
+		marginRight: 0,
+		marginLeft: 0,
+		renderConfig: {
+			vertexAngle: 0,
+			centerAngle: 0
+		}
+	},
+	drawings: {},
+	drawingsOrder: []
+};
+function ZenEditor() {
+	const editorRef = (0, react.useRef)(null);
+	const zenEditorService = (0, _univerjs_ui.useDependency)(IZenEditorManagerService);
+	const editorService = (0, _univerjs_ui.useDependency)(_univerjs_docs_ui.IEditorService);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	(0, react.useEffect)(() => {
+		const editorDom = editorRef.current;
+		if (!editorDom) return;
+		const registerSubscription = editorService.register({
+			editorUnitId: _univerjs_core.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(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY);
+		editor === null || editor === void 0 || editor.blur();
+		commandService.executeCommand(CancelZenEditCommand.id);
+	}
+	function handleConfirmBtnClick() {
+		const editor = editorService.getEditor(_univerjs_core.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "univer-absolute univer-inset-0 univer-size-full univer-bg-white dark:!univer-bg-gray-800",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-absolute univer-right-6 univer-top-2 univer-z-10 univer-flex univer-items-center univer-justify-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: (0, _univerjs_design.clsx)(containerClassName, "univer-text-red-500 hover:univer-text-red-600"),
+				onClick: handleCloseBtnClick,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CloseIcon, { className: "univer-size-5" })
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: (0, _univerjs_design.clsx)(containerClassName, "univer-text-green-500 hover:univer-text-green-600"),
+				onClick: handleConfirmBtnClick,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CheckMarkIcon, { className: "univer-size-5" })
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.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: _univerjs_ui.KeyCode.ENTER | _univerjs_ui.MetaKeys.ALT
+};
+const ZenEditorCancelShortcut = {
+	id: CancelZenEditCommand.id,
+	description: "shortcut.sheet.zen-edit-cancel",
+	group: "4_sheet-edit",
+	preconditions: (contextService) => whenZenEditorActivated(contextService),
+	binding: _univerjs_ui.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(_univerjs_core.FOCUSING_DOC) && contextService.getContextValue(_univerjs_core.FOCUSING_UNIVER_EDITOR) && contextService.getContextValue(_univerjs_core.EDITOR_ACTIVATED) && !contextService.getContextValue(_univerjs_core.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 _univerjs_core.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, _univerjs_ui.IZenZoneService),
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, _univerjs_ui.IMenuManagerService),
+	__decorateParam(3, _univerjs_ui.IShortcutService)
+], ZenEditorUIController);
+
+//#endregion
+//#region src/controllers/zen-editor.controller.ts
+let ZenEditorController = class ZenEditorController extends _univerjs_core.RxDisposable {
+	constructor(_zenEditorManagerService, _renderManagerService) {
+		super();
+		this._zenEditorManagerService = _zenEditorManagerService;
+		this._renderManagerService = _renderManagerService;
+		this._initialize();
+	}
+	_initialize() {
+		this._syncZenEditorSize();
+	}
+	_syncZenEditorSize() {
+		this._zenEditorManagerService.position$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((position) => {
+			if (position == null) return;
+			const { width, height } = position;
+			const editorObject = (0, _univerjs_sheets_ui.getEditorObject)(_univerjs_core.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(_univerjs_docs_ui.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(_univerjs_core.DOCS_ZEN_EDITOR_UNIT_ID_KEY)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.with(_univerjs_docs_ui.DocBackScrollRenderController);
+		const textRange = {
+			startOffset: 0,
+			endOffset: 0
+		};
+		if (backScrollController) backScrollController.scrollToRange(textRange);
+	}
+};
+ZenEditorController = __decorate([__decorateParam(0, IZenEditorManagerService), __decorateParam(1, _univerjs_engine_render.IRenderManagerService)], ZenEditorController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsZenEditorPlugin = class UniverSheetsZenEditorPlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { menu, ...rest } = (0, _univerjs_core.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", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+UniverSheetsZenEditorPlugin = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(2, _univerjs_core.IConfigService)], UniverSheetsZenEditorPlugin);
+
+//#endregion
+exports.CancelZenEditCommand = CancelZenEditCommand;
+exports.ConfirmZenEditCommand = ConfirmZenEditCommand;
+exports.OpenZenEditorCommand = OpenZenEditorCommand;
+Object.defineProperty(exports, 'UniverSheetsZenEditorPlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverSheetsZenEditorPlugin;
+  }
+});

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

@@ -1 +1,12 @@
-const e={rightClick:{zenEditor:`Editor a pantalla completa`},shortcut:{sheet:{"zen-edit-cancel":`Cancel·la edició Zen`,"zen-edit-confirm":`Confirma edició Zen`}}};module.exports=e;
+
+//#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
+module.exports = locale;

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

@@ -1 +1,27 @@
-const e={rightClick:{zenEditor:`Full Screen Editor`},shortcut:{sheet:{"zen-edit-cancel":`Cancel Zen Edit`,"zen-edit-confirm":`Confirm Zen Edit`}}};module.exports=e;
+
+//#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
+module.exports = locale;

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

@@ -1 +1,12 @@
-const e={rightClick:{zenEditor:`Editor a pantalla completa`},shortcut:{sheet:{"zen-edit-cancel":`Cancelar edición Zen`,"zen-edit-confirm":`Confirmar edición Zen`}}};module.exports=e;
+
+//#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
+module.exports = locale;

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

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

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

@@ -1 +1,12 @@
-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`}}};module.exports=e;
+
+//#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
+module.exports = locale;

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

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

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

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

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

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