@univerjs/sheets-zen-editor 0.5.0 → 0.5.1

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var J=Object.defineProperty;var Q=(e,t,r)=>t in e?J(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var S=(e,t,r)=>Q(e,typeof t!="symbol"?t+"":t,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@univerjs/core"),N=require("@univerjs/docs-ui"),B=require("@univerjs/engine-render"),m=require("@univerjs/sheets-ui"),u=require("@univerjs/ui"),k=require("rxjs"),g=require("react"),y=require("@univerjs/sheets"),P={id:"zen-editor.command.open-zen-editor",type:s.CommandType.COMMAND,handler:async e=>{var h;const t=e.get(u.IZenZoneService),r=e.get(N.IEditorService),n=e.get(m.IEditorBridgeService),i=e.get(s.IUniverInstanceService);t.open();const o=r.getEditor(s.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(o==null)return!1;const c=n.getLatestEditCellState();if(c==null)return!1;const a=(h=c.documentLayoutObject.documentModel)==null?void 0:h.getSnapshot();if(a==null)return!1;i.focusUnit(s.DOCS_ZEN_EDITOR_UNIT_ID_KEY);const{body:d,drawings:_,drawingsOrder:v,tableSource:f,settings:T}=s.Tools.deepClone(a),O={...o.getDocumentData(),body:d,drawings:_,drawingsOrder:v,tableSource:f,settings:T},p=[{startOffset:0,endOffset:0,collapsed:!0}];return o.focus(),o.setDocumentData(O,p),o.clearUndoRedoHistory(),!0}},x={id:"zen-editor.command.cancel-zen-edit",type:s.CommandType.COMMAND,handler:async e=>{const t=e.get(u.IZenZoneService),r=e.get(m.IEditorBridgeService),n=e.get(s.IUniverInstanceService);t.close();const i=n.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SHEET);return i?(n.focusUnit(i.getUnitId()),r.refreshEditCellState(),!0):!1}},M={id:"zen-editor.command.confirm-zen-edit",type:s.CommandType.COMMAND,handler:async e=>{var d;const t=e.get(u.IZenZoneService),r=e.get(m.IEditorBridgeService),n=e.get(s.IUniverInstanceService),i=e.get(N.IEditorService);t.close();const o=i.getEditor(s.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(o==null)return!1;const c=e.get(B.IRenderManagerService),a=n.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SHEET);if(a){const _=a.getUnitId(),v=(d=c.getRenderById(_))==null?void 0:d.with(m.EditingRenderController);if(v){const f=s.Tools.deepClone(o.getDocumentData());f.documentStyle.documentFlavor=s.DocumentFlavor.UNSPECIFIED,v.submitCellData(new s.DocumentDataModel(f))}return n.focusUnit(a.getUnitId()),r.refreshEditCellState(),!0}return!1}},ee="sheets-zen-editor.config",te={};class ne{constructor(){S(this,"_position",null);S(this,"_position$",new k.BehaviorSubject(null));S(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(t){this._position=t,this._refresh(t)}getPosition(){return this._position}_refresh(t){this._position$.next(t)}}const j=s.createIdentifier("univer.sheet-zen-editor-manager.service");var re=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,oe=(e,t,r,n)=>{for(var i=n>1?void 0:n?ie(t,r):t,o=e.length-1,c;o>=0;o--)(c=e[o])&&(i=(n?c(t,r,i):c(i))||i);return n&&i&&re(t,r,i),i},L=(e,t)=>(r,n)=>t(r,n,e);let R=class extends s.RxDisposable{constructor(e,t){super(),this._zenEditorManagerService=e,this._renderManagerService=t,this._initialize()}_initialize(){this._syncZenEditorSize()}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(k.takeUntil(this.dispose$)).subscribe(e=>{if(e==null)return;const{width:t,height:r}=e,n=m.getEditorObject(s.DOCS_ZEN_EDITOR_UNIT_ID_KEY,this._renderManagerService);n!=null&&requestIdleCallback(()=>{n.engine.resizeBySize(t,r),this._calculatePagePosition(n),this._scrollToTop()})})}_calculatePagePosition(e){const{document:t,scene:r,docBackground:n}=e,i=r==null?void 0:r.getParent(),{width:o,height:c,pageMarginLeft:a,pageMarginTop:d}=t;if(i==null||o===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:_,height:v}=i;let f=0;const T=d;let C=0,O=0,p=Number.POSITIVE_INFINITY;const{scaleX:h,scaleY:G}=r.getAncestorScale();_>(o+a*2)*h?(f=_/2-o*h/2,f/=h,C=(_-a*2)/h,p=0):(f=a,C=o+a*2,p=(C-_/h)/2),v>c?O=(v-d*2)/G:O=c+d*2,r.resize(C,O),t.translate(f,T),n.translate(f,T);const Z=r.getViewport(N.VIEWPORT_KEY.VIEW_MAIN);if(p!==Number.POSITIVE_INFINITY&&Z!=null){const X=Z.transScroll2ViewportScrollValue(p,0).x;Z.scrollToBarPos({x:X})}return this}_scrollToTop(){var r;const e=(r=this._renderManagerService.getRenderById(s.DOCS_ZEN_EDITOR_UNIT_ID_KEY))==null?void 0:r.with(N.DocBackScrollRenderController),t={startOffset:0,endOffset:0};e&&e.scrollToRange(t)}};R=oe([L(0,j),L(1,B.IRenderManagerService)],R);var F={exports:{}},U={};/**
+"use strict";var Q=Object.defineProperty;var ee=(e,n,r)=>n in e?Q(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r;var O=(e,n,r)=>ee(e,typeof n!="symbol"?n+"":n,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),T=require("@univerjs/docs-ui"),Y=require("@univerjs/engine-render"),p=require("@univerjs/sheets-ui"),f=require("@univerjs/ui"),h=require("react"),W=require("rxjs"),y=require("@univerjs/sheets"),M={id:"zen-editor.command.open-zen-editor",type:o.CommandType.COMMAND,handler:async e=>{var b;const n=e.get(f.IZenZoneService),r=e.get(T.IEditorService),t=e.get(p.IEditorBridgeService),i=e.get(o.IUniverInstanceService),c=e.get(f.ISidebarService);c.visible&&(c.close(),await o.delayAnimationFrame()),n.open();const s=r.getEditor(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(s==null)return!1;const d=t.getLatestEditCellState();if(d==null)return!1;const a=(b=d.documentLayoutObject.documentModel)==null?void 0:b.getSnapshot();if(a==null)return!1;i.focusUnit(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);const{body:g,drawings:l,drawingsOrder:u,tableSource:v,settings:m}=o.Tools.deepClone(a),C={...s.getDocumentData(),body:g,drawings:l,drawingsOrder:u,tableSource:v,settings:m},E=[{startOffset:0,endOffset:0,collapsed:!0}];return s.focus(),s.setDocumentData(C,E),s.clearUndoRedoHistory(),!0}},U={id:"zen-editor.command.cancel-zen-edit",type:o.CommandType.COMMAND,handler:async e=>{const n=e.get(f.IZenZoneService),r=e.get(p.IEditorBridgeService),t=e.get(o.IUniverInstanceService),i=e.get(f.ISidebarService);i.visible&&(i.close(),await o.delayAnimationFrame()),n.close();const c=t.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SHEET);return c?(t.focusUnit(c.getUnitId()),r.refreshEditCellState(),!0):!1}},Z={id:"zen-editor.command.confirm-zen-edit",type:o.CommandType.COMMAND,handler:async e=>{var g;const n=e.get(f.IZenZoneService),r=e.get(p.IEditorBridgeService),t=e.get(o.IUniverInstanceService),i=e.get(T.IEditorService),c=e.get(f.ISidebarService);c.visible&&(c.close(),await o.delayAnimationFrame()),n.close();const s=i.getEditor(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(s==null)return!1;const d=e.get(Y.IRenderManagerService),a=t.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SHEET);if(a){const l=a.getUnitId(),u=(g=d.getRenderById(l))==null?void 0:g.with(p.EditingRenderController);if(u){const v=o.Tools.deepClone(s.getDocumentData());v.documentStyle.documentFlavor=o.DocumentFlavor.UNSPECIFIED,u.submitCellData(new o.DocumentDataModel(v))}return t.focusUnit(a.getUnitId()),r.refreshEditCellState(),!0}return!1}},te="sheets-zen-editor.config",ne={};var j={exports:{}},N={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,4 +6,4 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var se=g,ce=Symbol.for("react.element"),ae=Symbol.for("react.fragment"),de=Object.prototype.hasOwnProperty,le=se.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ue={key:!0,ref:!0,__self:!0,__source:!0};function V(e,t,r){var n,i={},o=null,c=null;r!==void 0&&(o=""+r),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(c=t.ref);for(n in t)de.call(t,n)&&!ue.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps,t)i[n]===void 0&&(i[n]=t[n]);return{$$typeof:ce,type:e,key:o,ref:c,props:i,_owner:le.current}}U.Fragment=ae;U.jsx=V;U.jsxs=V;F.exports=U;var E=F.exports,l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},l.apply(this,arguments)},fe=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]]);return r},w=g.forwardRef(function(e,t){var r=e.icon,n=e.id,i=e.className,o=e.extend,c=fe(e,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),d=g.useRef("_".concat(he()));return Y(r,"".concat(n),{defIds:r.defIds,idSuffix:d.current},l({ref:t,className:a},c),o)});function Y(e,t,r,n,i){return g.createElement(e.tag,l(l({key:t},ge(e,r,i)),n),(_e(e,r).children||[]).map(function(o,c){return Y(o,"".concat(t,"-").concat(e.tag,"-").concat(c),r,void 0,i)}))}function ge(e,t,r){var n=l({},e.attrs);r!=null&&r.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=r.colorChannel1);var i=t.defIds;return!i||i.length===0||(e.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+t.idSuffix),Object.entries(n).forEach(function(o){var c=o[0],a=o[1];typeof a=="string"&&(n[c]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),n}function _e(e,t){var r,n=t.defIds;return!n||n.length===0?e:e.tag==="defs"&&(!((r=e.children)===null||r===void 0)&&r.length)?l(l({},e),{children:e.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?l(l({},i),{attrs:l(l({},i.attrs),{id:i.attrs.id+t.idSuffix})}):i})}):e}function he(){return Math.random().toString(36).substring(2,8)}w.displayName="UniverIcon";var ve={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},W=g.forwardRef(function(e,t){return g.createElement(w,Object.assign({},e,{id:"check-mark-single",ref:t,icon:ve}))});W.displayName="CheckMarkSingle";var Ee={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},K=g.forwardRef(function(e,t){return g.createElement(w,Object.assign({},e,{id:"close-single",ref:t,icon:Ee}))});K.displayName="CloseSingle";function q(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=q(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function A(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=q(e))&&(n&&(n+=" "),n+=t);return n}const Ie="univer-zen-editor",me="univer-zen-editor-icon-wrapper",pe="univer-zen-editor-icon-container",Se="univer-zen-editor-icon-success",Ce="univer-zen-editor-icon-error",Oe="univer-zen-editor-canvas-container",I={zenEditor:Ie,zenEditorIconWrapper:me,zenEditorIconContainer:pe,zenEditorIconSuccess:Se,zenEditorIconError:Ce,zenEditorCanvasContainer:Oe},ye="ZEN_EDITOR_PLUGIN_",Ne=`${ye}ZEN_EDITOR_COMPONENT`,Te={id:s.DOCS_ZEN_EDITOR_UNIT_ID_KEY,body:{dataStream:`${s.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],tables:[],customBlocks:[],paragraphs:[{startIndex:0}],sectionBreaks:[{startIndex:1}]},tableSource:{},documentStyle:{pageSize:{width:595,height:Number.POSITIVE_INFINITY},documentFlavor:s.DocumentFlavor.MODERN,marginTop:0,marginBottom:0,marginRight:0,marginLeft:0,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};function De(){const e=g.useRef(null),t=s.useDependency(j),r=s.useDependency(N.IEditorService),n=s.useDependency(s.ICommandService);g.useEffect(()=>{const c=e.current;if(!c)return;const a=r.register({editorUnitId:s.DOCS_ZEN_EDITOR_UNIT_ID_KEY,initialSnapshot:Te,scrollBar:!0,noNeedVerticalAlign:!0,backScrollOffset:100},c),d=new ResizeObserver(()=>{t.setPosition(c.getBoundingClientRect())});return d.observe(c),()=>{a.dispose(),d.unobserve(c)}},[]);function i(){n.executeCommand(x.id)}function o(){n.executeCommand(M.id)}return E.jsxs("div",{className:I.zenEditor,children:[E.jsxs("div",{className:I.zenEditorIconWrapper,children:[E.jsx("span",{className:A(I.zenEditorIconContainer,I.zenEditorIconError),onClick:i,children:E.jsx(K,{style:{fontSize:"22px"}})}),E.jsx("span",{className:A(I.zenEditorIconContainer,I.zenEditorIconSuccess),onClick:o,children:E.jsx(W,{style:{fontSize:"22px"}})})]}),E.jsx("div",{className:I.zenEditorCanvasContainer,ref:e})]})}function be(e){return{id:P.id,type:u.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",hidden$:m.getCurrentExclusiveRangeInterest$(e),disabled$:m.getCurrentRangeDisable$(e,{workbookTypes:[y.WorkbookEditablePermission],worksheetTypes:[y.WorksheetEditPermission,y.WorksheetSetCellValuePermission,y.WorksheetSetCellStylePermission],rangeTypes:[y.RangeProtectionPermissionEditPoint]})}}const Re={[u.ContextMenuPosition.MAIN_AREA]:{[u.ContextMenuGroup.OTHERS]:{[P.id]:{order:2,menuItemFactory:be}}}},ze={id:M.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:e=>H(e),binding:u.KeyCode.ENTER|u.MetaKeys.ALT},Pe={id:x.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:e=>H(e),binding:u.KeyCode.ESC};function H(e){return e.getContextValue(s.FOCUSING_DOC)&&e.getContextValue(s.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(s.EDITOR_ACTIVATED)&&!e.getContextValue(s.FOCUSING_EDITOR_STANDALONE)}var xe=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Ue=(e,t,r,n)=>{for(var i=n>1?void 0:n?Me(t,r):t,o=e.length-1,c;o>=0;o--)(c=e[o])&&(i=(n?c(t,r,i):c(i))||i);return n&&i&&xe(t,r,i),i},D=(e,t)=>(r,n)=>t(r,n,e);let z=class extends s.Disposable{constructor(e,t,r,n){super(),this._zenZoneService=e,this._commandService=t,this._menuManagerService=r,this._shortcutService=n,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(Ne,De))}_initCommands(){[P,x,M].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){this._menuManagerService.mergeMenu(Re)}_initShortcuts(){[ze,Pe].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};z=Ue([D(0,u.IZenZoneService),D(1,s.ICommandService),D(2,u.IMenuManagerService),D(3,u.IShortcutService)],z);var Ze=Object.defineProperty,je=Object.getOwnPropertyDescriptor,we=(e,t,r,n)=>{for(var i=n>1?void 0:n?je(t,r):t,o=e.length-1,c;o>=0;o--)(c=e[o])&&(i=(n?c(t,r,i):c(i))||i);return n&&i&&Ze(t,r,i),i},$=(e,t)=>(r,n)=>t(r,n,e),b;exports.UniverSheetsZenEditorPlugin=(b=class extends s.Plugin{constructor(t=te,r,n){super(),this._config=t,this._injector=r,this._configService=n;const{menu:i,...o}=this._config;i&&this._configService.setConfig("menu",i,{merge:!0}),this._configService.setConfig(ee,o),this._initializeDependencies(this._injector)}_initializeDependencies(t){[[z],[R],[j,{useClass:ne}]].forEach(n=>t.add(n))}onReady(){this._injector.get(z)}onSteady(){this._injector.get(R)}},S(b,"pluginName","SHEET_ZEN_EDITOR_PLUGIN"),S(b,"type",s.UniverInstanceType.UNIVER_SHEET),b);exports.UniverSheetsZenEditorPlugin=we([$(1,s.Inject(s.Injector)),$(2,s.IConfigService)],exports.UniverSheetsZenEditorPlugin);exports.CancelZenEditCommand=x;exports.ConfirmZenEditCommand=M;exports.OpenZenEditorCommand=P;
+ */var L;function re(){if(L)return N;L=1;var e=h,n=Symbol.for("react.element"),r=Symbol.for("react.fragment"),t=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function s(d,a,g){var l,u={},v=null,m=null;g!==void 0&&(v=""+g),a.key!==void 0&&(v=""+a.key),a.ref!==void 0&&(m=a.ref);for(l in a)t.call(a,l)&&!c.hasOwnProperty(l)&&(u[l]=a[l]);if(d&&d.defaultProps)for(l in a=d.defaultProps,a)u[l]===void 0&&(u[l]=a[l]);return{$$typeof:n,type:d,key:v,ref:m,props:u,_owner:i.current}}return N.Fragment=r,N.jsx=s,N.jsxs=s,N}var $;function ie(){return $||($=1,j.exports=re()),j.exports}var I=ie(),_=function(){return _=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++){n=arguments[r];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},_.apply(this,arguments)},oe=function(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,t=Object.getOwnPropertySymbols(e);i<t.length;i++)n.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(r[t[i]]=e[t[i]]);return r},A=h.forwardRef(function(e,n){var r=e.icon,t=e.id,i=e.className,c=e.extend,s=oe(e,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(t," ").concat(i||"").trim(),a=h.useRef("_".concat(ae()));return q(r,"".concat(t),{defIds:r.defIds,idSuffix:a.current},_({ref:n,className:d},s),c)});function q(e,n,r,t,i){return h.createElement(e.tag,_(_({key:n},se(e,r,i)),t),(ce(e,r).children||[]).map(function(c,s){return q(c,"".concat(n,"-").concat(e.tag,"-").concat(s),r,void 0,i)}))}function se(e,n,r){var t=_({},e.attrs);r!=null&&r.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=r.colorChannel1);var i=n.defIds;return!i||i.length===0||(e.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+n.idSuffix),Object.entries(t).forEach(function(c){var s=c[0],d=c[1];typeof d=="string"&&(t[s]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),t}function ce(e,n){var r,t=n.defIds;return!t||t.length===0?e:e.tag==="defs"&&(!((r=e.children)===null||r===void 0)&&r.length)?_(_({},e),{children:e.children.map(function(i){return typeof i.attrs.id=="string"&&t&&t.indexOf(i.attrs.id)>-1?_(_({},i),{attrs:_(_({},i.attrs),{id:i.attrs.id+n.idSuffix})}):i})}):e}function ae(){return Math.random().toString(36).substring(2,8)}A.displayName="UniverIcon";var de={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},K=h.forwardRef(function(e,n){return h.createElement(A,Object.assign({},e,{id:"check-mark-single",ref:n,icon:de}))});K.displayName="CheckMarkSingle";var le={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},H=h.forwardRef(function(e,n){return h.createElement(A,Object.assign({},e,{id:"close-single",ref:n,icon:le}))});H.displayName="CloseSingle";function G(e){var n,r,t="";if(typeof e=="string"||typeof e=="number")t+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(n=0;n<i;n++)e[n]&&(r=G(e[n]))&&(t&&(t+=" "),t+=r)}else for(r in e)e[r]&&(t&&(t+=" "),t+=r);return t}function F(){for(var e,n,r=0,t="",i=arguments.length;r<i;r++)(e=arguments[r])&&(n=G(e))&&(t&&(t+=" "),t+=n);return t}class ue{constructor(){O(this,"_position",null);O(this,"_position$",new W.BehaviorSubject(null));O(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(n){this._position=n,this._refresh(n)}getPosition(){return this._position}_refresh(n){this._position$.next(n)}}const B=o.createIdentifier("univer.sheet-zen-editor-manager.service"),fe="univer-zen-editor",ge="univer-zen-editor-icon-wrapper",_e="univer-zen-editor-icon-container",ve="univer-zen-editor-icon-success",he="univer-zen-editor-icon-error",me="univer-zen-editor-canvas-container",S={zenEditor:fe,zenEditorIconWrapper:ge,zenEditorIconContainer:_e,zenEditorIconSuccess:ve,zenEditorIconError:he,zenEditorCanvasContainer:me},Ee="ZEN_EDITOR_PLUGIN_",Ie=`${Ee}ZEN_EDITOR_COMPONENT`,Se={id:o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,body:{dataStream:`${o.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],tables:[],customBlocks:[],paragraphs:[{startIndex:0}],sectionBreaks:[{startIndex:1}]},tableSource:{},documentStyle:{pageSize:{width:595,height:Number.POSITIVE_INFINITY},documentFlavor:o.DocumentFlavor.MODERN,marginTop:0,marginBottom:0,marginRight:0,marginLeft:0,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};function pe(){const e=h.useRef(null),n=o.useDependency(B),r=o.useDependency(T.IEditorService),t=o.useDependency(o.ICommandService);h.useEffect(()=>{const s=e.current;if(!s)return;const d=r.register({editorUnitId:o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,initialSnapshot:Se,scrollBar:!0,noNeedVerticalAlign:!0,backScrollOffset:100},s),a=new ResizeObserver(()=>{n.setPosition(s.getBoundingClientRect())});return a.observe(s),()=>{d.dispose(),a.unobserve(s)}},[]);function i(){t.executeCommand(U.id)}function c(){t.executeCommand(Z.id)}return I.jsxs("div",{className:S.zenEditor,children:[I.jsxs("div",{className:S.zenEditorIconWrapper,children:[I.jsx("span",{className:F(S.zenEditorIconContainer,S.zenEditorIconError),onClick:i,children:I.jsx(H,{style:{fontSize:"22px"}})}),I.jsx("span",{className:F(S.zenEditorIconContainer,S.zenEditorIconSuccess),onClick:c,children:I.jsx(K,{style:{fontSize:"22px"}})})]}),I.jsx("div",{className:S.zenEditorCanvasContainer,ref:e})]})}function Ce(e){return{id:M.id,type:f.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",hidden$:p.getCurrentExclusiveRangeInterest$(e),disabled$:p.getCurrentRangeDisable$(e,{workbookTypes:[y.WorkbookEditablePermission],worksheetTypes:[y.WorksheetEditPermission,y.WorksheetSetCellValuePermission,y.WorksheetSetCellStylePermission],rangeTypes:[y.RangeProtectionPermissionEditPoint]})}}const Oe={[f.ContextMenuPosition.MAIN_AREA]:{[f.ContextMenuGroup.OTHERS]:{[M.id]:{order:2,menuItemFactory:Ce}}}},ye={id:Z.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:e=>J(e),binding:f.KeyCode.ENTER|f.MetaKeys.ALT},Ne={id:U.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:e=>J(e),binding:f.KeyCode.ESC};function J(e){return e.getContextValue(o.FOCUSING_DOC)&&e.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(o.EDITOR_ACTIVATED)&&!e.getContextValue(o.FOCUSING_EDITOR_STANDALONE)}var Te=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,be=(e,n,r,t)=>{for(var i=t>1?void 0:t?Re(n,r):n,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(t?s(n,r,i):s(i))||i);return t&&i&&Te(n,r,i),i},D=(e,n)=>(r,t)=>n(r,t,e);let P=class extends o.Disposable{constructor(e,n,r,t){super(),this._zenZoneService=e,this._commandService=n,this._menuManagerService=r,this._shortcutService=t,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(Ie,pe))}_initCommands(){[M,U,Z].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){this._menuManagerService.mergeMenu(Oe)}_initShortcuts(){[ye,Ne].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};P=be([D(0,f.IZenZoneService),D(1,o.ICommandService),D(2,f.IMenuManagerService),D(3,f.IShortcutService)],P);var De=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,Pe=(e,n,r,t)=>{for(var i=t>1?void 0:t?ze(n,r):n,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(t?s(n,r,i):s(i))||i);return t&&i&&De(n,r,i),i},k=(e,n)=>(r,t)=>n(r,t,e);let x=class extends o.RxDisposable{constructor(e,n){super(),this._zenEditorManagerService=e,this._renderManagerService=n,this._initialize()}_initialize(){this._syncZenEditorSize()}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(W.takeUntil(this.dispose$)).subscribe(e=>{if(e==null)return;const{width:n,height:r}=e,t=p.getEditorObject(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,this._renderManagerService);t!=null&&requestIdleCallback(()=>{t.engine.resizeBySize(n,r),this._calculatePagePosition(t),this._scrollToTop()})})}_calculatePagePosition(e){const{document:n,scene:r,docBackground:t}=e,i=r==null?void 0:r.getParent(),{width:c,height:s,pageMarginLeft:d,pageMarginTop:a}=n;if(i==null||c===Number.POSITIVE_INFINITY||s===Number.POSITIVE_INFINITY)return;const{width:g,height:l}=i;let u=0;const v=a;let m=0,R=0,C=Number.POSITIVE_INFINITY;const{scaleX:E,scaleY:b}=r.getAncestorScale();g>(c+d*2)*E?(u=g/2-c*E/2,u/=E,m=(g-d*2)/E,C=0):(u=d,m=c+d*2,C=(m-g/E)/2),l>s?R=(l-a*2)/b:R=s+a*2,r.resize(m,R),n.translate(u,v),t.translate(u,v);const w=r.getViewport(T.VIEWPORT_KEY.VIEW_MAIN);if(C!==Number.POSITIVE_INFINITY&&w!=null){const X=w.transScroll2ViewportScrollValue(C,0).x;w.scrollToBarPos({x:X})}return this}_scrollToTop(){var r;const e=(r=this._renderManagerService.getRenderById(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY))==null?void 0:r.with(T.DocBackScrollRenderController),n={startOffset:0,endOffset:0};e&&e.scrollToRange(n)}};x=Pe([k(0,B),k(1,Y.IRenderManagerService)],x);var xe=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Ue=(e,n,r,t)=>{for(var i=t>1?void 0:t?Me(n,r):n,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(t?s(n,r,i):s(i))||i);return t&&i&&xe(n,r,i),i},V=(e,n)=>(r,t)=>n(r,t,e),z;exports.UniverSheetsZenEditorPlugin=(z=class extends o.Plugin{constructor(n=ne,r,t){super(),this._config=n,this._injector=r,this._configService=t;const{menu:i,...c}=this._config;i&&this._configService.setConfig("menu",i,{merge:!0}),this._configService.setConfig(te,c),this._initializeDependencies(this._injector)}_initializeDependencies(n){[[P],[x],[B,{useClass:ue}]].forEach(t=>n.add(t))}onReady(){this._injector.get(P)}onSteady(){this._injector.get(x)}},O(z,"pluginName","SHEET_ZEN_EDITOR_PLUGIN"),O(z,"type",o.UniverInstanceType.UNIVER_SHEET),z);exports.UniverSheetsZenEditorPlugin=Ue([V(1,o.Inject(o.Injector)),V(2,o.IConfigService)],exports.UniverSheetsZenEditorPlugin);exports.CancelZenEditCommand=U;exports.ConfirmZenEditCommand=Z;exports.OpenZenEditorCommand=M;

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

@@ -0,0 +1 @@
+"use strict";const e={shortcut:{sheet:{"zen-edit-cancel":"Annuler l'édition plein écran","zen-edit-confirm":"Confirmer l'édition plein écran"}}};module.exports=e;

package/lib/es/index.js

@@ -1,156 +1,79 @@
-var ce = Object.defineProperty;
-var ae = (e, t, r) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var v = (e, t, r) => ae(e, typeof t != "symbol" ? t + "" : t, r);
-import { CommandType as x, IUniverInstanceService as R, DOCS_ZEN_EDITOR_UNIT_ID_KEY as p, Tools as Y, UniverInstanceType as M, DocumentFlavor as H, DocumentDataModel as le, createIdentifier as de, RxDisposable as ue, DEFAULT_EMPTY_DOCUMENT_VALUE as fe, useDependency as P, ICommandService as G, FOCUSING_DOC as ge, FOCUSING_UNIVER_EDITOR as he, EDITOR_ACTIVATED as me, FOCUSING_EDITOR_STANDALONE as pe, Disposable as _e, Plugin as ve, Inject as Ee, Injector as Ie, IConfigService as Se } from "@univerjs/core";
-import { IEditorService as D, VIEWPORT_KEY as Ce, DocBackScrollRenderController as Oe } from "@univerjs/docs-ui";
-import { IRenderManagerService as K } from "@univerjs/engine-render";
-import { IEditorBridgeService as j, EditingRenderController as ye, getEditorObject as Ne, getCurrentExclusiveRangeInterest$ as Te, getCurrentRangeDisable$ as be } from "@univerjs/sheets-ui";
-import { IZenZoneService as T, MenuItemType as ze, ContextMenuPosition as Pe, ContextMenuGroup as xe, KeyCode as X, MetaKeys as Re, IMenuManagerService as Me, IShortcutService as De } from "@univerjs/ui";
-import { BehaviorSubject as je, takeUntil as we } from "rxjs";
-import Ue, { forwardRef as w, useRef as q, createElement as U, useEffect as Ze } from "react";
-import { WorkbookEditablePermission as Le, WorksheetEditPermission as Ae, WorksheetSetCellValuePermission as $e, WorksheetSetCellStylePermission as Be, RangeProtectionPermissionEditPoint as ke } from "@univerjs/sheets";
-const Z = {
+var de = Object.defineProperty;
+var ue = (e, n, r) => n in e ? de(e, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[n] = r;
+var S = (e, n, r) => ue(e, typeof n != "symbol" ? n + "" : n, r);
+import { CommandType as M, IUniverInstanceService as D, delayAnimationFrame as w, DOCS_ZEN_EDITOR_UNIT_ID_KEY as v, Tools as X, UniverInstanceType as j, DocumentFlavor as Q, DocumentDataModel as fe, createIdentifier as ge, DEFAULT_EMPTY_DOCUMENT_VALUE as he, useDependency as x, ICommandService as ee, FOCUSING_DOC as me, FOCUSING_UNIVER_EDITOR as _e, EDITOR_ACTIVATED as pe, FOCUSING_EDITOR_STANDALONE as ve, Disposable as Ee, RxDisposable as Se, Plugin as Ie, Inject as Ce, Injector as Oe, IConfigService as ye } from "@univerjs/core";
+import { IEditorService as U, VIEWPORT_KEY as Ne, DocBackScrollRenderController as be } from "@univerjs/docs-ui";
+import { IRenderManagerService as te } from "@univerjs/engine-render";
+import { IEditorBridgeService as Z, EditingRenderController as Te, getCurrentExclusiveRangeInterest$ as Re, getCurrentRangeDisable$ as ze, getEditorObject as xe } from "@univerjs/sheets-ui";
+import { IZenZoneService as R, ISidebarService as A, MenuItemType as Pe, ContextMenuPosition as Me, ContextMenuGroup as De, KeyCode as ne, MetaKeys as we, IMenuManagerService as je, IShortcutService as Ue } from "@univerjs/ui";
+import Ze, { forwardRef as L, useRef as re, createElement as $, useEffect as Ae } from "react";
+import { BehaviorSubject as Le, takeUntil as $e } from "rxjs";
+import { WorkbookEditablePermission as Be, WorksheetEditPermission as ke, WorksheetSetCellValuePermission as Fe, WorksheetSetCellStylePermission as Ve, RangeProtectionPermissionEditPoint as We } from "@univerjs/sheets";
+const B = {
   id: "zen-editor.command.open-zen-editor",
-  type: x.COMMAND,
+  type: M.COMMAND,
   handler: async (e) => {
-    var f;
-    const t = e.get(T), r = e.get(D), n = e.get(j), i = e.get(R);
-    t.open();
-    const o = r.getEditor(p);
+    var O;
+    const n = e.get(R), r = e.get(U), t = e.get(Z), i = e.get(D), s = e.get(A);
+    s.visible && (s.close(), await w()), n.open();
+    const o = r.getEditor(v);
     if (o == null)
       return !1;
-    const s = n.getLatestEditCellState();
-    if (s == null)
+    const a = t.getLatestEditCellState();
+    if (a == null)
       return !1;
-    const c = (f = s.documentLayoutObject.documentModel) == null ? void 0 : f.getSnapshot();
+    const c = (O = a.documentLayoutObject.documentModel) == null ? void 0 : O.getSnapshot();
     if (c == null)
       return !1;
-    i.focusUnit(p);
-    const { body: a, drawings: u, drawingsOrder: g, tableSource: d, settings: S } = Y.deepClone(c), I = {
+    i.focusUnit(v);
+    const { body: u, drawings: l, drawingsOrder: d, tableSource: g, settings: h } = X.deepClone(c), E = {
       ...o.getDocumentData(),
-      body: a,
-      drawings: u,
-      drawingsOrder: g,
-      tableSource: d,
-      settings: S
-    }, _ = [
+      body: u,
+      drawings: l,
+      drawingsOrder: d,
+      tableSource: g,
+      settings: h
+    }, m = [
       {
         startOffset: 0,
         endOffset: 0,
         collapsed: !0
       }
     ];
-    return o.focus(), o.setDocumentData(I, _), o.clearUndoRedoHistory(), !0;
+    return o.focus(), o.setDocumentData(E, m), o.clearUndoRedoHistory(), !0;
   }
-}, L = {
+}, k = {
   id: "zen-editor.command.cancel-zen-edit",
-  type: x.COMMAND,
+  type: M.COMMAND,
   handler: async (e) => {
-    const t = e.get(T), r = e.get(j), n = e.get(R);
-    t.close();
-    const i = n.getCurrentUnitForType(M.UNIVER_SHEET);
-    return i ? (n.focusUnit(i.getUnitId()), r.refreshEditCellState(), !0) : !1;
+    const n = e.get(R), r = e.get(Z), t = e.get(D), i = e.get(A);
+    i.visible && (i.close(), await w()), n.close();
+    const s = t.getCurrentUnitForType(j.UNIVER_SHEET);
+    return s ? (t.focusUnit(s.getUnitId()), r.refreshEditCellState(), !0) : !1;
   }
-}, A = {
+}, F = {
   id: "zen-editor.command.confirm-zen-edit",
-  type: x.COMMAND,
+  type: M.COMMAND,
   handler: async (e) => {
-    var a;
-    const t = e.get(T), r = e.get(j), n = e.get(R), i = e.get(D);
-    t.close();
-    const o = i.getEditor(p);
+    var u;
+    const n = e.get(R), r = e.get(Z), t = e.get(D), i = e.get(U), s = e.get(A);
+    s.visible && (s.close(), await w()), n.close();
+    const o = i.getEditor(v);
     if (o == null)
       return !1;
-    const s = e.get(K), c = n.getCurrentUnitForType(M.UNIVER_SHEET);
+    const a = e.get(te), c = t.getCurrentUnitForType(j.UNIVER_SHEET);
     if (c) {
-      const u = c.getUnitId(), g = (a = s.getRenderById(u)) == null ? void 0 : a.with(ye);
-      if (g) {
-        const d = Y.deepClone(o.getDocumentData());
-        d.documentStyle.documentFlavor = H.UNSPECIFIED, g.submitCellData(new le(d));
+      const l = c.getUnitId(), d = (u = a.getRenderById(l)) == null ? void 0 : u.with(Te);
+      if (d) {
+        const g = X.deepClone(o.getDocumentData());
+        g.documentStyle.documentFlavor = Q.UNSPECIFIED, d.submitCellData(new fe(g));
       }
-      return n.focusUnit(c.getUnitId()), r.refreshEditCellState(), !0;
+      return t.focusUnit(c.getUnitId()), r.refreshEditCellState(), !0;
     }
     return !1;
   }
-}, Ve = "sheets-zen-editor.config", Fe = {};
-class We {
-  constructor() {
-    v(this, "_position", null);
-    v(this, "_position$", new je(null));
-    v(this, "position$", this._position$.asObservable());
-  }
-  dispose() {
-    this._position$.complete(), this._position = null;
-  }
-  setPosition(t) {
-    this._position = t, this._refresh(t);
-  }
-  getPosition() {
-    return this._position;
-  }
-  _refresh(t) {
-    this._position$.next(t);
-  }
-}
-const $ = de(
-  "univer.sheet-zen-editor-manager.service"
-);
-var Ye = Object.defineProperty, He = Object.getOwnPropertyDescriptor, Ge = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? He(t, r) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (n ? s(t, r, i) : s(i)) || i);
-  return n && i && Ye(t, r, i), i;
-}, k = (e, t) => (r, n) => t(r, n, e);
-let y = class extends ue {
-  constructor(e, t) {
-    super(), this._zenEditorManagerService = e, this._renderManagerService = t, this._initialize();
-  }
-  _initialize() {
-    this._syncZenEditorSize();
-  }
-  // Listen to changes in the size of the zen editor container to set the size of the editor.
-  _syncZenEditorSize() {
-    this._zenEditorManagerService.position$.pipe(we(this.dispose$)).subscribe((e) => {
-      if (e == null)
-        return;
-      const { width: t, height: r } = e, n = Ne(p, this._renderManagerService);
-      n != null && requestIdleCallback(() => {
-        n.engine.resizeBySize(t, r), this._calculatePagePosition(n), this._scrollToTop();
-      });
-    });
-  }
-  _calculatePagePosition(e) {
-    const { document: t, scene: r, docBackground: n } = e, i = r == null ? void 0 : r.getParent(), { width: o, height: s, pageMarginLeft: c, pageMarginTop: a } = t;
-    if (i == null || o === Number.POSITIVE_INFINITY || s === Number.POSITIVE_INFINITY)
-      return;
-    const { width: u, height: g } = i;
-    let d = 0;
-    const S = a;
-    let E = 0, I = 0, _ = Number.POSITIVE_INFINITY;
-    const { scaleX: f, scaleY: oe } = r.getAncestorScale();
-    u > (o + c * 2) * f ? (d = u / 2 - o * f / 2, d /= f, E = (u - c * 2) / f, _ = 0) : (d = c, E = o + c * 2, _ = (E - u / f) / 2), g > s ? I = (g - a * 2) / oe : I = s + a * 2, r.resize(E, I), t.translate(d, S), n.translate(d, S);
-    const z = r.getViewport(Ce.VIEW_MAIN);
-    if (_ !== Number.POSITIVE_INFINITY && z != null) {
-      const se = z.transScroll2ViewportScrollValue(_, 0).x;
-      z.scrollToBarPos({
-        x: se
-      });
-    }
-    return this;
-  }
-  _scrollToTop() {
-    var r;
-    const e = (r = this._renderManagerService.getRenderById(p)) == null ? void 0 : r.with(Oe), t = {
-      startOffset: 0,
-      endOffset: 0
-    };
-    e && e.scrollToRange(t);
-  }
-};
-y = Ge([
-  k(0, $),
-  k(1, K)
-], y);
-var J = { exports: {} }, b = {};
+}, He = "sheets-zen-editor.config", Ye = {};
+var P = { exports: {} }, I = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -160,101 +83,128 @@ var J = { exports: {} }, b = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ke = Ue, Xe = Symbol.for("react.element"), qe = Symbol.for("react.fragment"), Je = Object.prototype.hasOwnProperty, Qe = Ke.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, et = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Q(e, t, r) {
-  var n, i = {}, o = null, s = null;
-  r !== void 0 && (o = "" + r), t.key !== void 0 && (o = "" + t.key), t.ref !== void 0 && (s = t.ref);
-  for (n in t) Je.call(t, n) && !et.hasOwnProperty(n) && (i[n] = t[n]);
-  if (e && e.defaultProps) for (n in t = e.defaultProps, t) i[n] === void 0 && (i[n] = t[n]);
-  return { $$typeof: Xe, type: e, key: o, ref: s, props: i, _owner: Qe.current };
+var H;
+function Ge() {
+  if (H) return I;
+  H = 1;
+  var e = Ze, n = Symbol.for("react.element"), r = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(a, c, u) {
+    var l, d = {}, g = null, h = null;
+    u !== void 0 && (g = "" + u), c.key !== void 0 && (g = "" + c.key), c.ref !== void 0 && (h = c.ref);
+    for (l in c) t.call(c, l) && !s.hasOwnProperty(l) && (d[l] = c[l]);
+    if (a && a.defaultProps) for (l in c = a.defaultProps, c) d[l] === void 0 && (d[l] = c[l]);
+    return { $$typeof: n, type: a, key: g, ref: h, props: d, _owner: i.current };
+  }
+  return I.Fragment = r, I.jsx = o, I.jsxs = o, I;
 }
-b.Fragment = qe;
-b.jsx = Q;
-b.jsxs = Q;
-J.exports = b;
-var h = J.exports, l = function() {
-  return l = Object.assign || function(e) {
-    for (var t, r = 1, n = arguments.length; r < n; r++) {
-      t = arguments[r];
-      for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+var Y;
+function qe() {
+  return Y || (Y = 1, P.exports = Ge()), P.exports;
+}
+var _ = qe(), f = function() {
+  return f = Object.assign || function(e) {
+    for (var n, r = 1, t = arguments.length; r < t; r++) {
+      n = arguments[r];
+      for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
     }
     return e;
-  }, l.apply(this, arguments);
-}, tt = function(e, t) {
+  }, f.apply(this, arguments);
+}, Je = function(e, n) {
   var r = {};
-  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, n = Object.getOwnPropertySymbols(e); i < n.length; i++)
-      t.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[i]) && (r[n[i]] = e[n[i]]);
+    for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
+      n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (r[t[i]] = e[t[i]]);
   return r;
-}, B = w(function(e, t) {
-  var r = e.icon, n = e.id, i = e.className, o = e.extend, s = tt(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = q("_".concat(it()));
-  return ee(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, l({ ref: t, className: c }, s), o);
+}, V = L(function(e, n) {
+  var r = e.icon, t = e.id, i = e.className, s = e.extend, o = Je(e, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(i || "").trim(), c = re("_".concat(Qe()));
+  return ie(r, "".concat(t), { defIds: r.defIds, idSuffix: c.current }, f({ ref: n, className: a }, o), s);
 });
-function ee(e, t, r, n, i) {
-  return U(e.tag, l(l({ key: t }, nt(e, r, i)), n), (rt(e, r).children || []).map(function(o, s) {
-    return ee(o, "".concat(t, "-").concat(e.tag, "-").concat(s), r, void 0, i);
+function ie(e, n, r, t, i) {
+  return $(e.tag, f(f({ key: n }, Ke(e, r, i)), t), (Xe(e, r).children || []).map(function(s, o) {
+    return ie(s, "".concat(n, "-").concat(e.tag, "-").concat(o), r, void 0, i);
   }));
 }
-function nt(e, t, r) {
-  var n = l({}, e.attrs);
-  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
-  var i = t.defIds;
-  return !i || i.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(o) {
-    var s = o[0], c = o[1];
-    typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
-  })), n;
+function Ke(e, n, r) {
+  var t = f({}, e.attrs);
+  r != null && r.colorChannel1 && t.fill === "colorChannel1" && (t.fill = r.colorChannel1);
+  var i = n.defIds;
+  return !i || i.length === 0 || (e.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + n.idSuffix), Object.entries(t).forEach(function(s) {
+    var o = s[0], a = s[1];
+    typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+  })), t;
 }
-function rt(e, t) {
-  var r, n = t.defIds;
-  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? l(l({}, e), { children: e.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? l(l({}, i), { attrs: l(l({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
+function Xe(e, n) {
+  var r, t = n.defIds;
+  return !t || t.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? f(f({}, e), { children: e.children.map(function(i) {
+    return typeof i.attrs.id == "string" && t && t.indexOf(i.attrs.id) > -1 ? f(f({}, i), { attrs: f(f({}, i.attrs), { id: i.attrs.id + n.idSuffix }) }) : i;
   }) }) : e;
 }
-function it() {
+function Qe() {
   return Math.random().toString(36).substring(2, 8);
 }
-B.displayName = "UniverIcon";
-var ot = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, te = w(function(e, t) {
-  return U(B, Object.assign({}, e, {
+V.displayName = "UniverIcon";
+var et = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, oe = L(function(e, n) {
+  return $(V, Object.assign({}, e, {
     id: "check-mark-single",
-    ref: t,
-    icon: ot
+    ref: n,
+    icon: et
   }));
 });
-te.displayName = "CheckMarkSingle";
-var st = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, ne = w(function(e, t) {
-  return U(B, Object.assign({}, e, {
+oe.displayName = "CheckMarkSingle";
+var tt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, se = L(function(e, n) {
+  return $(V, Object.assign({}, e, {
     id: "close-single",
-    ref: t,
-    icon: st
+    ref: n,
+    icon: tt
   }));
 });
-ne.displayName = "CloseSingle";
-function re(e) {
-  var t, r, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
+se.displayName = "CloseSingle";
+function ce(e) {
+  var n, r, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var i = e.length;
-    for (t = 0; t < i; t++) e[t] && (r = re(e[t])) && (n && (n += " "), n += r);
-  } else for (r in e) e[r] && (n && (n += " "), n += r);
-  return n;
+    for (n = 0; n < i; n++) e[n] && (r = ce(e[n])) && (t && (t += " "), t += r);
+  } else for (r in e) e[r] && (t && (t += " "), t += r);
+  return t;
+}
+function G() {
+  for (var e, n, r = 0, t = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (n = ce(e)) && (t && (t += " "), t += n);
+  return t;
 }
-function V() {
-  for (var e, t, r = 0, n = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = re(e)) && (n && (n += " "), n += t);
-  return n;
+class nt {
+  constructor() {
+    S(this, "_position", null);
+    S(this, "_position$", new Le(null));
+    S(this, "position$", this._position$.asObservable());
+  }
+  dispose() {
+    this._position$.complete(), this._position = null;
+  }
+  setPosition(n) {
+    this._position = n, this._refresh(n);
+  }
+  getPosition() {
+    return this._position;
+  }
+  _refresh(n) {
+    this._position$.next(n);
+  }
 }
-const ct = "univer-zen-editor", at = "univer-zen-editor-icon-wrapper", lt = "univer-zen-editor-icon-container", dt = "univer-zen-editor-icon-success", ut = "univer-zen-editor-icon-error", ft = "univer-zen-editor-canvas-container", m = {
-  zenEditor: ct,
-  zenEditorIconWrapper: at,
-  zenEditorIconContainer: lt,
-  zenEditorIconSuccess: dt,
-  zenEditorIconError: ut,
-  zenEditorCanvasContainer: ft
-}, gt = "ZEN_EDITOR_PLUGIN_", ht = `${gt}ZEN_EDITOR_COMPONENT`, mt = {
-  id: p,
+const W = ge(
+  "univer.sheet-zen-editor-manager.service"
+), rt = "univer-zen-editor", it = "univer-zen-editor-icon-wrapper", ot = "univer-zen-editor-icon-container", st = "univer-zen-editor-icon-success", ct = "univer-zen-editor-icon-error", at = "univer-zen-editor-canvas-container", p = {
+  zenEditor: rt,
+  zenEditorIconWrapper: it,
+  zenEditorIconContainer: ot,
+  zenEditorIconSuccess: st,
+  zenEditorIconError: ct,
+  zenEditorCanvasContainer: at
+}, lt = "ZEN_EDITOR_PLUGIN_", dt = `${lt}ZEN_EDITOR_COMPONENT`, ut = {
+  id: v,
   body: {
-    dataStream: `${fe}`,
+    dataStream: `${he}`,
     textRuns: [],
     tables: [],
     customBlocks: [],
@@ -273,7 +223,7 @@ const ct = "univer-zen-editor", at = "univer-zen-editor-icon-wrapper", lt = "uni
       width: 595,
       height: Number.POSITIVE_INFINITY
     },
-    documentFlavor: H.MODERN,
+    documentFlavor: Q.MODERN,
     marginTop: 0,
     marginBottom: 0,
     marginRight: 0,
@@ -286,158 +236,213 @@ const ct = "univer-zen-editor", at = "univer-zen-editor-icon-wrapper", lt = "uni
   drawings: {},
   drawingsOrder: []
 };
-function pt() {
-  const e = q(null), t = P($), r = P(D), n = P(G);
-  Ze(() => {
-    const s = e.current;
-    if (!s)
+function ft() {
+  const e = re(null), n = x(W), r = x(U), t = x(ee);
+  Ae(() => {
+    const o = e.current;
+    if (!o)
       return;
-    const c = r.register(
+    const a = r.register(
       {
-        editorUnitId: p,
-        initialSnapshot: mt,
+        editorUnitId: v,
+        initialSnapshot: ut,
         scrollBar: !0,
         noNeedVerticalAlign: !0,
         backScrollOffset: 100
       },
-      s
-    ), a = new ResizeObserver(() => {
-      t.setPosition(s.getBoundingClientRect());
+      o
+    ), c = new ResizeObserver(() => {
+      n.setPosition(o.getBoundingClientRect());
     });
-    return a.observe(s), () => {
-      c.dispose(), a.unobserve(s);
+    return c.observe(o), () => {
+      a.dispose(), c.unobserve(o);
     };
   }, []);
   function i() {
-    n.executeCommand(L.id);
+    t.executeCommand(k.id);
   }
-  function o() {
-    n.executeCommand(A.id);
+  function s() {
+    t.executeCommand(F.id);
   }
-  return /* @__PURE__ */ h.jsxs("div", { className: m.zenEditor, children: [
-    /* @__PURE__ */ h.jsxs("div", { className: m.zenEditorIconWrapper, children: [
-      /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ _.jsxs("div", { className: p.zenEditor, children: [
+    /* @__PURE__ */ _.jsxs("div", { className: p.zenEditorIconWrapper, children: [
+      /* @__PURE__ */ _.jsx(
         "span",
         {
-          className: V(m.zenEditorIconContainer, m.zenEditorIconError),
+          className: G(p.zenEditorIconContainer, p.zenEditorIconError),
           onClick: i,
-          children: /* @__PURE__ */ h.jsx(ne, { style: { fontSize: "22px" } })
+          children: /* @__PURE__ */ _.jsx(se, { style: { fontSize: "22px" } })
         }
       ),
-      /* @__PURE__ */ h.jsx(
+      /* @__PURE__ */ _.jsx(
         "span",
         {
-          className: V(m.zenEditorIconContainer, m.zenEditorIconSuccess),
-          onClick: o,
-          children: /* @__PURE__ */ h.jsx(te, { style: { fontSize: "22px" } })
+          className: G(p.zenEditorIconContainer, p.zenEditorIconSuccess),
+          onClick: s,
+          children: /* @__PURE__ */ _.jsx(oe, { style: { fontSize: "22px" } })
         }
       )
     ] }),
-    /* @__PURE__ */ h.jsx("div", { className: m.zenEditorCanvasContainer, ref: e })
+    /* @__PURE__ */ _.jsx("div", { className: p.zenEditorCanvasContainer, ref: e })
   ] });
 }
-function _t(e) {
+function gt(e) {
   return {
-    id: Z.id,
-    type: ze.BUTTON,
+    id: B.id,
+    type: Pe.BUTTON,
     title: "rightClick.zenEditor",
     icon: "AmplifySingle",
-    hidden$: Te(e),
-    disabled$: be(e, { workbookTypes: [Le], worksheetTypes: [Ae, $e, Be], rangeTypes: [ke] })
+    hidden$: Re(e),
+    disabled$: ze(e, { workbookTypes: [Be], worksheetTypes: [ke, Fe, Ve], rangeTypes: [We] })
   };
 }
-const vt = {
-  [Pe.MAIN_AREA]: {
-    [xe.OTHERS]: {
-      [Z.id]: {
+const ht = {
+  [Me.MAIN_AREA]: {
+    [De.OTHERS]: {
+      [B.id]: {
         order: 2,
-        menuItemFactory: _t
+        menuItemFactory: gt
       }
     }
   }
-}, Et = {
-  id: A.id,
+}, mt = {
+  id: F.id,
   description: "shortcut.sheet.zen-edit-confirm",
   group: "4_sheet-edit",
-  preconditions: (e) => ie(e),
-  binding: X.ENTER | Re.ALT
-}, It = {
-  id: L.id,
+  preconditions: (e) => ae(e),
+  binding: ne.ENTER | we.ALT
+}, _t = {
+  id: k.id,
   description: "shortcut.sheet.zen-edit-cancel",
   group: "4_sheet-edit",
-  preconditions: (e) => ie(e),
-  binding: X.ESC
+  preconditions: (e) => ae(e),
+  binding: ne.ESC
 };
-function ie(e) {
-  return e.getContextValue(ge) && e.getContextValue(he) && e.getContextValue(me) && !e.getContextValue(pe);
+function ae(e) {
+  return e.getContextValue(me) && e.getContextValue(_e) && e.getContextValue(pe) && !e.getContextValue(ve);
 }
-var St = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, Ot = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ct(t, r) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (n ? s(t, r, i) : s(i)) || i);
-  return n && i && St(t, r, i), i;
-}, C = (e, t) => (r, n) => t(r, n, e);
-let N = class extends _e {
-  constructor(e, t, r, n) {
-    super(), this._zenZoneService = e, this._commandService = t, this._menuManagerService = r, this._shortcutService = n, this._initialize();
+var pt = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, Et = (e, n, r, t) => {
+  for (var i = t > 1 ? void 0 : t ? vt(n, r) : n, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (t ? o(n, r, i) : o(i)) || i);
+  return t && i && pt(n, r, i), i;
+}, y = (e, n) => (r, t) => n(r, t, e);
+let b = class extends Ee {
+  constructor(e, n, r, t) {
+    super(), this._zenZoneService = e, this._commandService = n, this._menuManagerService = r, this._shortcutService = t, this._initialize();
   }
   _initialize() {
     this._initCustomComponents(), this._initCommands(), this._initMenus(), this._initShortcuts();
   }
   _initCustomComponents() {
-    this.disposeWithMe(this._zenZoneService.set(ht, pt));
+    this.disposeWithMe(this._zenZoneService.set(dt, ft));
   }
   _initCommands() {
-    [Z, L, A].forEach((e) => {
+    [B, k, F].forEach((e) => {
       this.disposeWithMe(this._commandService.registerCommand(e));
     });
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(vt);
+    this._menuManagerService.mergeMenu(ht);
   }
   _initShortcuts() {
-    [Et, It].forEach((e) => {
+    [mt, _t].forEach((e) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(e));
     });
   }
 };
-N = Ot([
-  C(0, T),
-  C(1, G),
-  C(2, Me),
-  C(3, De)
-], N);
-var yt = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, Tt = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Nt(t, r) : t, o = e.length - 1, s; o >= 0; o--)
-    (s = e[o]) && (i = (n ? s(t, r, i) : s(i)) || i);
-  return n && i && yt(t, r, i), i;
-}, F = (e, t) => (r, n) => t(r, n, e), O;
-let W = (O = class extends ve {
-  constructor(e = Fe, t, r) {
-    super(), this._config = e, this._injector = t, this._configService = r;
-    const { menu: n, ...i } = this._config;
-    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(Ve, i), this._initializeDependencies(this._injector);
+b = Et([
+  y(0, R),
+  y(1, ee),
+  y(2, je),
+  y(3, Ue)
+], b);
+var St = Object.defineProperty, It = Object.getOwnPropertyDescriptor, Ct = (e, n, r, t) => {
+  for (var i = t > 1 ? void 0 : t ? It(n, r) : n, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (t ? o(n, r, i) : o(i)) || i);
+  return t && i && St(n, r, i), i;
+}, q = (e, n) => (r, t) => n(r, t, e);
+let T = class extends Se {
+  constructor(e, n) {
+    super(), this._zenEditorManagerService = e, this._renderManagerService = n, this._initialize();
+  }
+  _initialize() {
+    this._syncZenEditorSize();
+  }
+  // Listen to changes in the size of the zen editor container to set the size of the editor.
+  _syncZenEditorSize() {
+    this._zenEditorManagerService.position$.pipe($e(this.dispose$)).subscribe((e) => {
+      if (e == null)
+        return;
+      const { width: n, height: r } = e, t = xe(v, this._renderManagerService);
+      t != null && requestIdleCallback(() => {
+        t.engine.resizeBySize(n, r), this._calculatePagePosition(t), this._scrollToTop();
+      });
+    });
+  }
+  _calculatePagePosition(e) {
+    const { document: n, scene: r, docBackground: t } = e, i = r == null ? void 0 : r.getParent(), { width: s, height: o, pageMarginLeft: a, pageMarginTop: c } = n;
+    if (i == null || s === Number.POSITIVE_INFINITY || o === Number.POSITIVE_INFINITY)
+      return;
+    const { width: u, height: l } = i;
+    let d = 0;
+    const g = c;
+    let h = 0, C = 0, E = Number.POSITIVE_INFINITY;
+    const { scaleX: m, scaleY: O } = r.getAncestorScale();
+    u > (s + a * 2) * m ? (d = u / 2 - s * m / 2, d /= m, h = (u - a * 2) / m, E = 0) : (d = a, h = s + a * 2, E = (h - u / m) / 2), l > o ? C = (l - c * 2) / O : C = o + c * 2, r.resize(h, C), n.translate(d, g), t.translate(d, g);
+    const z = r.getViewport(Ne.VIEW_MAIN);
+    if (E !== Number.POSITIVE_INFINITY && z != null) {
+      const le = z.transScroll2ViewportScrollValue(E, 0).x;
+      z.scrollToBarPos({
+        x: le
+      });
+    }
+    return this;
+  }
+  _scrollToTop() {
+    var r;
+    const e = (r = this._renderManagerService.getRenderById(v)) == null ? void 0 : r.with(be), n = {
+      startOffset: 0,
+      endOffset: 0
+    };
+    e && e.scrollToRange(n);
+  }
+};
+T = Ct([
+  q(0, W),
+  q(1, te)
+], T);
+var Ot = Object.defineProperty, yt = Object.getOwnPropertyDescriptor, Nt = (e, n, r, t) => {
+  for (var i = t > 1 ? void 0 : t ? yt(n, r) : n, s = e.length - 1, o; s >= 0; s--)
+    (o = e[s]) && (i = (t ? o(n, r, i) : o(i)) || i);
+  return t && i && Ot(n, r, i), i;
+}, J = (e, n) => (r, t) => n(r, t, e), N;
+let K = (N = class extends Ie {
+  constructor(e = Ye, n, r) {
+    super(), this._config = e, this._injector = n, this._configService = r;
+    const { menu: t, ...i } = this._config;
+    t && this._configService.setConfig("menu", t, { merge: !0 }), this._configService.setConfig(He, i), this._initializeDependencies(this._injector);
   }
   _initializeDependencies(e) {
     [
-      [N],
-      [y],
-      [$, { useClass: We }]
+      [b],
+      [T],
+      [W, { useClass: nt }]
     ].forEach((r) => e.add(r));
   }
   onReady() {
-    this._injector.get(N);
+    this._injector.get(b);
   }
   onSteady() {
-    this._injector.get(y);
+    this._injector.get(T);
   }
-}, v(O, "pluginName", "SHEET_ZEN_EDITOR_PLUGIN"), v(O, "type", M.UNIVER_SHEET), O);
-W = Tt([
-  F(1, Ee(Ie)),
-  F(2, Se)
-], W);
+}, S(N, "pluginName", "SHEET_ZEN_EDITOR_PLUGIN"), S(N, "type", j.UNIVER_SHEET), N);
+K = Nt([
+  J(1, Ce(Oe)),
+  J(2, ye)
+], K);
 export {
-  L as CancelZenEditCommand,
-  A as ConfirmZenEditCommand,
-  Z as OpenZenEditorCommand,
-  W as UniverSheetsZenEditorPlugin
+  k as CancelZenEditCommand,
+  F as ConfirmZenEditCommand,
+  B as OpenZenEditorCommand,
+  K as UniverSheetsZenEditorPlugin
 };

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

@@ -0,0 +1,11 @@
+const e = {
+  shortcut: {
+    sheet: {
+      "zen-edit-cancel": "Annuler l'édition plein écran",
+      "zen-edit-confirm": "Confirmer l'édition plein écran"
+    }
+  }
+};
+export {
+  e as default
+};

package/lib/types/controllers/config.schema.d.ts

@@ -1,5 +1,5 @@
 import { MenuConfig } from '@univerjs/ui';
-export declare const PLUGIN_CONFIG_KEY = "sheets-zen-editor.config";
+export declare const SHEETS_ZEN_EDITOR_PLUGIN_CONFIG_KEY = "sheets-zen-editor.config";
 export declare const configSymbol: unique symbol;
 export interface IUniverSheetsZenEditorConfig {
     menu?: MenuConfig;

package/lib/types/index.d.ts

@@ -13,5 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import './global.css';
 export { CancelZenEditCommand, ConfirmZenEditCommand, OpenZenEditorCommand } from './commands/commands/zen-editor.command';
 export { UniverSheetsZenEditorPlugin } from './plugin';

package/lib/types/locale/fr-FR.d.ts

@@ -0,0 +1,3 @@
+import { default as enUS } from './en-US';
+declare const locale: typeof enUS;
+export default locale;

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(function(a,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@univerjs/core"),require("@univerjs/docs-ui"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("rxjs"),require("react"),require("@univerjs/sheets")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/docs-ui","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","rxjs","react","@univerjs/sheets"],o):(a=typeof globalThis<"u"?globalThis:a||self,o(a.UniverSheetsZenEditor={},a.UniverCore,a.UniverDocsUi,a.UniverEngineRender,a.UniverSheetsUi,a.UniverUi,a.rxjs,a.React,a.UniverSheets))})(this,function(a,o,v,A,I,u,B,g,y){"use strict";var Pe=Object.defineProperty;var be=(a,o,v)=>o in a?Pe(a,o,{enumerable:!0,configurable:!0,writable:!0,value:v}):a[o]=v;var O=(a,o,v)=>be(a,typeof o!="symbol"?o+"":o,v);var x;const D={id:"zen-editor.command.open-zen-editor",type:o.CommandType.COMMAND,handler:async e=>{var h;const t=e.get(u.IZenZoneService),r=e.get(v.IEditorService),n=e.get(I.IEditorBridgeService),i=e.get(o.IUniverInstanceService);t.open();const s=r.getEditor(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(s==null)return!1;const c=n.getLatestEditCellState();if(c==null)return!1;const d=(h=c.documentLayoutObject.documentModel)==null?void 0:h.getSnapshot();if(d==null)return!1;i.focusUnit(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);const{body:l,drawings:E,drawingsOrder:S,tableSource:_,settings:U}=o.Tools.deepClone(d),T={...s.getDocumentData(),body:l,drawings:E,drawingsOrder:S,tableSource:_,settings:U},C=[{startOffset:0,endOffset:0,collapsed:!0}];return s.focus(),s.setDocumentData(T,C),s.clearUndoRedoHistory(),!0}},z={id:"zen-editor.command.cancel-zen-edit",type:o.CommandType.COMMAND,handler:async e=>{const t=e.get(u.IZenZoneService),r=e.get(I.IEditorBridgeService),n=e.get(o.IUniverInstanceService);t.close();const i=n.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SHEET);return i?(n.focusUnit(i.getUnitId()),r.refreshEditCellState(),!0):!1}},R={id:"zen-editor.command.confirm-zen-edit",type:o.CommandType.COMMAND,handler:async e=>{var l;const t=e.get(u.IZenZoneService),r=e.get(I.IEditorBridgeService),n=e.get(o.IUniverInstanceService),i=e.get(v.IEditorService);t.close();const s=i.getEditor(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(s==null)return!1;const c=e.get(A.IRenderManagerService),d=n.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SHEET);if(d){const E=d.getUnitId(),S=(l=c.getRenderById(E))==null?void 0:l.with(I.EditingRenderController);if(S){const _=o.Tools.deepClone(s.getDocumentData());_.documentStyle.documentFlavor=o.DocumentFlavor.UNSPECIFIED,S.submitCellData(new o.DocumentDataModel(_))}return n.focusUnit(d.getUnitId()),r.refreshEditCellState(),!0}return!1}},q="sheets-zen-editor.config",J={};class Q{constructor(){O(this,"_position",null);O(this,"_position$",new B.BehaviorSubject(null));O(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(t){this._position=t,this._refresh(t)}getPosition(){return this._position}_refresh(t){this._position$.next(t)}}const Z=o.createIdentifier("univer.sheet-zen-editor-manager.service");var ee=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,te=(e,t,r,n)=>{for(var i=n>1?void 0:n?ne(t,r):t,s=e.length-1,c;s>=0;s--)(c=e[s])&&(i=(n?c(t,r,i):c(i))||i);return n&&i&&ee(t,r,i),i},F=(e,t)=>(r,n)=>t(r,n,e);let P=class extends o.RxDisposable{constructor(e,t){super(),this._zenEditorManagerService=e,this._renderManagerService=t,this._initialize()}_initialize(){this._syncZenEditorSize()}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(B.takeUntil(this.dispose$)).subscribe(e=>{if(e==null)return;const{width:t,height:r}=e,n=I.getEditorObject(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,this._renderManagerService);n!=null&&requestIdleCallback(()=>{n.engine.resizeBySize(t,r),this._calculatePagePosition(n),this._scrollToTop()})})}_calculatePagePosition(e){const{document:t,scene:r,docBackground:n}=e,i=r==null?void 0:r.getParent(),{width:s,height:c,pageMarginLeft:d,pageMarginTop:l}=t;if(i==null||s===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:E,height:S}=i;let _=0;const U=l;let N=0,T=0,C=Number.POSITIVE_INFINITY;const{scaleX:h,scaleY:ze}=r.getAncestorScale();E>(s+d*2)*h?(_=E/2-s*h/2,_/=h,N=(E-d*2)/h,C=0):(_=d,N=s+d*2,C=(N-E/h)/2),S>c?T=(S-l*2)/ze:T=c+l*2,r.resize(N,T),t.translate(_,U),n.translate(_,U);const L=r.getViewport(v.VIEWPORT_KEY.VIEW_MAIN);if(C!==Number.POSITIVE_INFINITY&&L!=null){const Re=L.transScroll2ViewportScrollValue(C,0).x;L.scrollToBarPos({x:Re})}return this}_scrollToTop(){var r;const e=(r=this._renderManagerService.getRenderById(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY))==null?void 0:r.with(v.DocBackScrollRenderController),t={startOffset:0,endOffset:0};e&&e.scrollToRange(t)}};P=te([F(0,Z),F(1,A.IRenderManagerService)],P);var k={exports:{}},b={};/**
+(function(d,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@univerjs/core"),require("@univerjs/docs-ui"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("react"),require("rxjs"),require("@univerjs/sheets")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/docs-ui","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","react","rxjs","@univerjs/sheets"],o):(d=typeof globalThis<"u"?globalThis:d||self,o(d.UniverSheetsZenEditor={},d.UniverCore,d.UniverDocsUi,d.UniverEngineRender,d.UniverSheetsUi,d.UniverUi,d.React,d.rxjs,d.UniverSheets))})(this,function(d,o,h,F,S,f,I,k,N){"use strict";var Re=Object.defineProperty;var De=(d,o,h)=>o in d?Re(d,o,{enumerable:!0,configurable:!0,writable:!0,value:h}):d[o]=h;var T=(d,o,h)=>De(d,typeof o!="symbol"?o+"":o,h);var M;const D={id:"zen-editor.command.open-zen-editor",type:o.CommandType.COMMAND,handler:async e=>{var U;const t=e.get(f.IZenZoneService),r=e.get(h.IEditorService),n=e.get(S.IEditorBridgeService),i=e.get(o.IUniverInstanceService),a=e.get(f.ISidebarService);a.visible&&(a.close(),await o.delayAnimationFrame()),t.open();const s=r.getEditor(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(s==null)return!1;const l=n.getLatestEditCellState();if(l==null)return!1;const c=(U=l.documentLayoutObject.documentModel)==null?void 0:U.getSnapshot();if(c==null)return!1;i.focusUnit(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);const{body:g,drawings:u,drawingsOrder:v,tableSource:E,settings:m}=o.Tools.deepClone(c),y={...s.getDocumentData(),body:g,drawings:u,drawingsOrder:v,tableSource:E,settings:m},O=[{startOffset:0,endOffset:0,collapsed:!0}];return s.focus(),s.setDocumentData(y,O),s.clearUndoRedoHistory(),!0}},z={id:"zen-editor.command.cancel-zen-edit",type:o.CommandType.COMMAND,handler:async e=>{const t=e.get(f.IZenZoneService),r=e.get(S.IEditorBridgeService),n=e.get(o.IUniverInstanceService),i=e.get(f.ISidebarService);i.visible&&(i.close(),await o.delayAnimationFrame()),t.close();const a=n.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SHEET);return a?(n.focusUnit(a.getUnitId()),r.refreshEditCellState(),!0):!1}},b={id:"zen-editor.command.confirm-zen-edit",type:o.CommandType.COMMAND,handler:async e=>{var g;const t=e.get(f.IZenZoneService),r=e.get(S.IEditorBridgeService),n=e.get(o.IUniverInstanceService),i=e.get(h.IEditorService),a=e.get(f.ISidebarService);a.visible&&(a.close(),await o.delayAnimationFrame()),t.close();const s=i.getEditor(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY);if(s==null)return!1;const l=e.get(F.IRenderManagerService),c=n.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SHEET);if(c){const u=c.getUnitId(),v=(g=l.getRenderById(u))==null?void 0:g.with(S.EditingRenderController);if(v){const E=o.Tools.deepClone(s.getDocumentData());E.documentStyle.documentFlavor=o.DocumentFlavor.UNSPECIFIED,v.submitCellData(new o.DocumentDataModel(E))}return n.focusUnit(c.getUnitId()),r.refreshEditCellState(),!0}return!1}},Q="sheets-zen-editor.config",ee={};var w={exports:{}},R={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,4 +6,4 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var re=g,ie=Symbol.for("react.element"),oe=Symbol.for("react.fragment"),se=Object.prototype.hasOwnProperty,ce=re.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ae={key:!0,ref:!0,__self:!0,__source:!0};function V(e,t,r){var n,i={},s=null,c=null;r!==void 0&&(s=""+r),t.key!==void 0&&(s=""+t.key),t.ref!==void 0&&(c=t.ref);for(n in t)se.call(t,n)&&!ae.hasOwnProperty(n)&&(i[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps,t)i[n]===void 0&&(i[n]=t[n]);return{$$typeof:ie,type:e,key:s,ref:c,props:i,_owner:ce.current}}b.Fragment=oe,b.jsx=V,b.jsxs=V,k.exports=b;var m=k.exports,f=function(){return f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},f.apply(this,arguments)},de=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]]);return r},w=g.forwardRef(function(e,t){var r=e.icon,n=e.id,i=e.className,s=e.extend,c=de(e,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=g.useRef("_".concat(fe()));return W(r,"".concat(n),{defIds:r.defIds,idSuffix:l.current},f({ref:t,className:d},c),s)});function W(e,t,r,n,i){return g.createElement(e.tag,f(f({key:t},le(e,r,i)),n),(ue(e,r).children||[]).map(function(s,c){return W(s,"".concat(t,"-").concat(e.tag,"-").concat(c),r,void 0,i)}))}function le(e,t,r){var n=f({},e.attrs);r!=null&&r.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=r.colorChannel1);var i=t.defIds;return!i||i.length===0||(e.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+t.idSuffix),Object.entries(n).forEach(function(s){var c=s[0],d=s[1];typeof d=="string"&&(n[c]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),n}function ue(e,t){var r,n=t.defIds;return!n||n.length===0?e:e.tag==="defs"&&(!((r=e.children)===null||r===void 0)&&r.length)?f(f({},e),{children:e.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?f(f({},i),{attrs:f(f({},i.attrs),{id:i.attrs.id+t.idSuffix})}):i})}):e}function fe(){return Math.random().toString(36).substring(2,8)}w.displayName="UniverIcon";var ve={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Y=g.forwardRef(function(e,t){return g.createElement(w,Object.assign({},e,{id:"check-mark-single",ref:t,icon:ve}))});Y.displayName="CheckMarkSingle";var ge={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},K=g.forwardRef(function(e,t){return g.createElement(w,Object.assign({},e,{id:"close-single",ref:t,icon:ge}))});K.displayName="CloseSingle";function H(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=H(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function G(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=H(e))&&(n&&(n+=" "),n+=t);return n}const p={zenEditor:"univer-zen-editor",zenEditorIconWrapper:"univer-zen-editor-icon-wrapper",zenEditorIconContainer:"univer-zen-editor-icon-container",zenEditorIconSuccess:"univer-zen-editor-icon-success",zenEditorIconError:"univer-zen-editor-icon-error",zenEditorCanvasContainer:"univer-zen-editor-canvas-container"},_e="ZEN_EDITOR_PLUGIN_ZEN_EDITOR_COMPONENT",Ee={id:o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,body:{dataStream:`${o.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],tables:[],customBlocks:[],paragraphs:[{startIndex:0}],sectionBreaks:[{startIndex:1}]},tableSource:{},documentStyle:{pageSize:{width:595,height:Number.POSITIVE_INFINITY},documentFlavor:o.DocumentFlavor.MODERN,marginTop:0,marginBottom:0,marginRight:0,marginLeft:0,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};function he(){const e=g.useRef(null),t=o.useDependency(Z),r=o.useDependency(v.IEditorService),n=o.useDependency(o.ICommandService);g.useEffect(()=>{const c=e.current;if(!c)return;const d=r.register({editorUnitId:o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,initialSnapshot:Ee,scrollBar:!0,noNeedVerticalAlign:!0,backScrollOffset:100},c),l=new ResizeObserver(()=>{t.setPosition(c.getBoundingClientRect())});return l.observe(c),()=>{d.dispose(),l.unobserve(c)}},[]);function i(){n.executeCommand(z.id)}function s(){n.executeCommand(R.id)}return m.jsxs("div",{className:p.zenEditor,children:[m.jsxs("div",{className:p.zenEditorIconWrapper,children:[m.jsx("span",{className:G(p.zenEditorIconContainer,p.zenEditorIconError),onClick:i,children:m.jsx(K,{style:{fontSize:"22px"}})}),m.jsx("span",{className:G(p.zenEditorIconContainer,p.zenEditorIconSuccess),onClick:s,children:m.jsx(Y,{style:{fontSize:"22px"}})})]}),m.jsx("div",{className:p.zenEditorCanvasContainer,ref:e})]})}function Ie(e){return{id:D.id,type:u.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",hidden$:I.getCurrentExclusiveRangeInterest$(e),disabled$:I.getCurrentRangeDisable$(e,{workbookTypes:[y.WorkbookEditablePermission],worksheetTypes:[y.WorksheetEditPermission,y.WorksheetSetCellValuePermission,y.WorksheetSetCellStylePermission],rangeTypes:[y.RangeProtectionPermissionEditPoint]})}}const me={[u.ContextMenuPosition.MAIN_AREA]:{[u.ContextMenuGroup.OTHERS]:{[D.id]:{order:2,menuItemFactory:Ie}}}},pe={id:R.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:e=>$(e),binding:u.KeyCode.ENTER|u.MetaKeys.ALT},Se={id:z.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:e=>$(e),binding:u.KeyCode.ESC};function $(e){return e.getContextValue(o.FOCUSING_DOC)&&e.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(o.EDITOR_ACTIVATED)&&!e.getContextValue(o.FOCUSING_EDITOR_STANDALONE)}var Ce=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,ye=(e,t,r,n)=>{for(var i=n>1?void 0:n?Oe(t,r):t,s=e.length-1,c;s>=0;s--)(c=e[s])&&(i=(n?c(t,r,i):c(i))||i);return n&&i&&Ce(t,r,i),i},j=(e,t)=>(r,n)=>t(r,n,e);let M=class extends o.Disposable{constructor(e,t,r,n){super(),this._zenZoneService=e,this._commandService=t,this._menuManagerService=r,this._shortcutService=n,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(_e,he))}_initCommands(){[D,z,R].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){this._menuManagerService.mergeMenu(me)}_initShortcuts(){[pe,Se].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};M=ye([j(0,u.IZenZoneService),j(1,o.ICommandService),j(2,u.IMenuManagerService),j(3,u.IShortcutService)],M);var Ne=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,De=(e,t,r,n)=>{for(var i=n>1?void 0:n?Te(t,r):t,s=e.length-1,c;s>=0;s--)(c=e[s])&&(i=(n?c(t,r,i):c(i))||i);return n&&i&&Ne(t,r,i),i},X=(e,t)=>(r,n)=>t(r,n,e);a.UniverSheetsZenEditorPlugin=(x=class extends o.Plugin{constructor(t=J,r,n){super(),this._config=t,this._injector=r,this._configService=n;const{menu:i,...s}=this._config;i&&this._configService.setConfig("menu",i,{merge:!0}),this._configService.setConfig(q,s),this._initializeDependencies(this._injector)}_initializeDependencies(t){[[M],[P],[Z,{useClass:Q}]].forEach(n=>t.add(n))}onReady(){this._injector.get(M)}onSteady(){this._injector.get(P)}},O(x,"pluginName","SHEET_ZEN_EDITOR_PLUGIN"),O(x,"type",o.UniverInstanceType.UNIVER_SHEET),x),a.UniverSheetsZenEditorPlugin=De([X(1,o.Inject(o.Injector)),X(2,o.IConfigService)],a.UniverSheetsZenEditorPlugin),a.CancelZenEditCommand=z,a.ConfirmZenEditCommand=R,a.OpenZenEditorCommand=D,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+ */var V;function ne(){if(V)return R;V=1;var e=I,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,a={key:!0,ref:!0,__self:!0,__source:!0};function s(l,c,g){var u,v={},E=null,m=null;g!==void 0&&(E=""+g),c.key!==void 0&&(E=""+c.key),c.ref!==void 0&&(m=c.ref);for(u in c)n.call(c,u)&&!a.hasOwnProperty(u)&&(v[u]=c[u]);if(l&&l.defaultProps)for(u in c=l.defaultProps,c)v[u]===void 0&&(v[u]=c[u]);return{$$typeof:t,type:l,key:E,ref:m,props:v,_owner:i.current}}return R.Fragment=r,R.jsx=s,R.jsxs=s,R}var W;function te(){return W||(W=1,w.exports=ne()),w.exports}var p=te(),_=function(){return _=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++){t=arguments[r];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},_.apply(this,arguments)},re=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]]);return r},A=I.forwardRef(function(e,t){var r=e.icon,n=e.id,i=e.className,a=e.extend,s=re(e,["icon","id","className","extend"]),l="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),c=I.useRef("_".concat(se()));return Y(r,"".concat(n),{defIds:r.defIds,idSuffix:c.current},_({ref:t,className:l},s),a)});function Y(e,t,r,n,i){return I.createElement(e.tag,_(_({key:t},ie(e,r,i)),n),(oe(e,r).children||[]).map(function(a,s){return Y(a,"".concat(t,"-").concat(e.tag,"-").concat(s),r,void 0,i)}))}function ie(e,t,r){var n=_({},e.attrs);r!=null&&r.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=r.colorChannel1);var i=t.defIds;return!i||i.length===0||(e.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+t.idSuffix),Object.entries(n).forEach(function(a){var s=a[0],l=a[1];typeof l=="string"&&(n[s]=l.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),n}function oe(e,t){var r,n=t.defIds;return!n||n.length===0?e:e.tag==="defs"&&(!((r=e.children)===null||r===void 0)&&r.length)?_(_({},e),{children:e.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?_(_({},i),{attrs:_(_({},i.attrs),{id:i.attrs.id+t.idSuffix})}):i})}):e}function se(){return Math.random().toString(36).substring(2,8)}A.displayName="UniverIcon";var ae={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},K=I.forwardRef(function(e,t){return I.createElement(A,Object.assign({},e,{id:"check-mark-single",ref:t,icon:ae}))});K.displayName="CheckMarkSingle";var ce={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},H=I.forwardRef(function(e,t){return I.createElement(A,Object.assign({},e,{id:"close-single",ref:t,icon:ce}))});H.displayName="CloseSingle";function G(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=G(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function $(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=G(e))&&(n&&(n+=" "),n+=t);return n}class de{constructor(){T(this,"_position",null);T(this,"_position$",new k.BehaviorSubject(null));T(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(t){this._position=t,this._refresh(t)}getPosition(){return this._position}_refresh(t){this._position$.next(t)}}const B=o.createIdentifier("univer.sheet-zen-editor-manager.service"),C={zenEditor:"univer-zen-editor",zenEditorIconWrapper:"univer-zen-editor-icon-wrapper",zenEditorIconContainer:"univer-zen-editor-icon-container",zenEditorIconSuccess:"univer-zen-editor-icon-success",zenEditorIconError:"univer-zen-editor-icon-error",zenEditorCanvasContainer:"univer-zen-editor-canvas-container"},le="ZEN_EDITOR_PLUGIN_ZEN_EDITOR_COMPONENT",ue={id:o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,body:{dataStream:`${o.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],tables:[],customBlocks:[],paragraphs:[{startIndex:0}],sectionBreaks:[{startIndex:1}]},tableSource:{},documentStyle:{pageSize:{width:595,height:Number.POSITIVE_INFINITY},documentFlavor:o.DocumentFlavor.MODERN,marginTop:0,marginBottom:0,marginRight:0,marginLeft:0,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};function fe(){const e=I.useRef(null),t=o.useDependency(B),r=o.useDependency(h.IEditorService),n=o.useDependency(o.ICommandService);I.useEffect(()=>{const s=e.current;if(!s)return;const l=r.register({editorUnitId:o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,initialSnapshot:ue,scrollBar:!0,noNeedVerticalAlign:!0,backScrollOffset:100},s),c=new ResizeObserver(()=>{t.setPosition(s.getBoundingClientRect())});return c.observe(s),()=>{l.dispose(),c.unobserve(s)}},[]);function i(){n.executeCommand(z.id)}function a(){n.executeCommand(b.id)}return p.jsxs("div",{className:C.zenEditor,children:[p.jsxs("div",{className:C.zenEditorIconWrapper,children:[p.jsx("span",{className:$(C.zenEditorIconContainer,C.zenEditorIconError),onClick:i,children:p.jsx(H,{style:{fontSize:"22px"}})}),p.jsx("span",{className:$(C.zenEditorIconContainer,C.zenEditorIconSuccess),onClick:a,children:p.jsx(K,{style:{fontSize:"22px"}})})]}),p.jsx("div",{className:C.zenEditorCanvasContainer,ref:e})]})}function ve(e){return{id:D.id,type:f.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",hidden$:S.getCurrentExclusiveRangeInterest$(e),disabled$:S.getCurrentRangeDisable$(e,{workbookTypes:[N.WorkbookEditablePermission],worksheetTypes:[N.WorksheetEditPermission,N.WorksheetSetCellValuePermission,N.WorksheetSetCellStylePermission],rangeTypes:[N.RangeProtectionPermissionEditPoint]})}}const _e={[f.ContextMenuPosition.MAIN_AREA]:{[f.ContextMenuGroup.OTHERS]:{[D.id]:{order:2,menuItemFactory:ve}}}},ge={id:b.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:e=>q(e),binding:f.KeyCode.ENTER|f.MetaKeys.ALT},Ee={id:z.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:e=>q(e),binding:f.KeyCode.ESC};function q(e){return e.getContextValue(o.FOCUSING_DOC)&&e.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(o.EDITOR_ACTIVATED)&&!e.getContextValue(o.FOCUSING_EDITOR_STANDALONE)}var he=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,me=(e,t,r,n)=>{for(var i=n>1?void 0:n?Ie(t,r):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(i=(n?s(t,r,i):s(i))||i);return n&&i&&he(t,r,i),i},P=(e,t)=>(r,n)=>t(r,n,e);let j=class extends o.Disposable{constructor(e,t,r,n){super(),this._zenZoneService=e,this._commandService=t,this._menuManagerService=r,this._shortcutService=n,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(le,fe))}_initCommands(){[D,z,b].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){this._menuManagerService.mergeMenu(_e)}_initShortcuts(){[ge,Ee].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};j=me([P(0,f.IZenZoneService),P(1,o.ICommandService),P(2,f.IMenuManagerService),P(3,f.IShortcutService)],j);var Se=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,Ce=(e,t,r,n)=>{for(var i=n>1?void 0:n?pe(t,r):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(i=(n?s(t,r,i):s(i))||i);return n&&i&&Se(t,r,i),i},J=(e,t)=>(r,n)=>t(r,n,e);let x=class extends o.RxDisposable{constructor(e,t){super(),this._zenEditorManagerService=e,this._renderManagerService=t,this._initialize()}_initialize(){this._syncZenEditorSize()}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(k.takeUntil(this.dispose$)).subscribe(e=>{if(e==null)return;const{width:t,height:r}=e,n=S.getEditorObject(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY,this._renderManagerService);n!=null&&requestIdleCallback(()=>{n.engine.resizeBySize(t,r),this._calculatePagePosition(n),this._scrollToTop()})})}_calculatePagePosition(e){const{document:t,scene:r,docBackground:n}=e,i=r==null?void 0:r.getParent(),{width:a,height:s,pageMarginLeft:l,pageMarginTop:c}=t;if(i==null||a===Number.POSITIVE_INFINITY||s===Number.POSITIVE_INFINITY)return;const{width:g,height:u}=i;let v=0;const E=c;let m=0,Z=0,y=Number.POSITIVE_INFINITY;const{scaleX:O,scaleY:U}=r.getAncestorScale();g>(a+l*2)*O?(v=g/2-a*O/2,v/=O,m=(g-l*2)/O,y=0):(v=l,m=a+l*2,y=(m-g/O)/2),u>s?Z=(u-c*2)/U:Z=s+c*2,r.resize(m,Z),t.translate(v,E),n.translate(v,E);const L=r.getViewport(h.VIEWPORT_KEY.VIEW_MAIN);if(y!==Number.POSITIVE_INFINITY&&L!=null){const Ne=L.transScroll2ViewportScrollValue(y,0).x;L.scrollToBarPos({x:Ne})}return this}_scrollToTop(){var r;const e=(r=this._renderManagerService.getRenderById(o.DOCS_ZEN_EDITOR_UNIT_ID_KEY))==null?void 0:r.with(h.DocBackScrollRenderController),t={startOffset:0,endOffset:0};e&&e.scrollToRange(t)}};x=Ce([J(0,B),J(1,F.IRenderManagerService)],x);var Oe=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,Te=(e,t,r,n)=>{for(var i=n>1?void 0:n?ye(t,r):t,a=e.length-1,s;a>=0;a--)(s=e[a])&&(i=(n?s(t,r,i):s(i))||i);return n&&i&&Oe(t,r,i),i},X=(e,t)=>(r,n)=>t(r,n,e);d.UniverSheetsZenEditorPlugin=(M=class extends o.Plugin{constructor(t=ee,r,n){super(),this._config=t,this._injector=r,this._configService=n;const{menu:i,...a}=this._config;i&&this._configService.setConfig("menu",i,{merge:!0}),this._configService.setConfig(Q,a),this._initializeDependencies(this._injector)}_initializeDependencies(t){[[j],[x],[B,{useClass:de}]].forEach(n=>t.add(n))}onReady(){this._injector.get(j)}onSteady(){this._injector.get(x)}},T(M,"pluginName","SHEET_ZEN_EDITOR_PLUGIN"),T(M,"type",o.UniverInstanceType.UNIVER_SHEET),M),d.UniverSheetsZenEditorPlugin=Te([X(1,o.Inject(o.Injector)),X(2,o.IConfigService)],d.UniverSheetsZenEditorPlugin),d.CancelZenEditCommand=z,d.ConfirmZenEditCommand=b,d.OpenZenEditorCommand=D,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

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

@@ -0,0 +1 @@
+(function(e,n){typeof exports=="object"&&typeof module<"u"?module.exports=n():typeof define=="function"&&define.amd?define(n):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverSheetsZenEditorFrFR=n())})(this,function(){"use strict";return{shortcut:{sheet:{"zen-edit-cancel":"Annuler l'édition plein écran","zen-edit-confirm":"Confirmer l'édition plein écran"}}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/sheets-zen-editor",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "private": false,
   "description": "Zen Editor plugin for Univer Sheets.",
   "author": "DreamNum <developer@univer.ai>",
@@ -54,23 +54,25 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.2.7",
+    "@univerjs/icons": "^0.2.8",
     "clsx": "^2.1.1",
-    "@univerjs/core": "0.5.0",
-    "@univerjs/docs-ui": "0.5.0",
-    "@univerjs/sheets": "0.5.0",
-    "@univerjs/sheets-ui": "0.5.0",
-    "@univerjs/engine-render": "0.5.0",
-    "@univerjs/ui": "0.5.0"
+    "@univerjs/core": "0.5.1",
+    "@univerjs/docs-ui": "0.5.1",
+    "@univerjs/sheets": "0.5.1",
+    "@univerjs/engine-render": "0.5.1",
+    "@univerjs/ui": "0.5.1",
+    "@univerjs/sheets-ui": "0.5.1"
   },
   "devDependencies": {
-    "less": "^4.2.0",
+    "less": "^4.2.1",
+    "postcss": "^8.4.49",
     "react": "18.3.1",
     "rxjs": "^7.8.1",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
-    "vitest": "^2.1.5",
-    "@univerjs-infra/shared": "0.5.0"
+    "tailwindcss": "^3.4.15",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.1",
+    "vitest": "^2.1.6",
+    "@univerjs-infra/shared": "0.5.1"
   },
   "space": {
     ".": {