@univerjs/sheets-zen-editor 0.2.2 → 0.2.4-alpha.0

package/README.md

@@ -1,9 +1,10 @@
 # @univerjs/sheets-zen-editor
 
-[![npm version](https://img.shields.io/npm/v/@univerjs/sheets-zen-editor)](https://npmjs.org/packages/@univerjs/sheets-zen-editor)
-[![license](https://img.shields.io/npm/l/@univerjs/sheets-zen-editor)](https://img.shields.io/npm/l/@univerjs/sheets-zen-editor)
-![CSS Included](https://img.shields.io/badge/CSS_Included-blue?logo=CSS3)
-![i18n](https://img.shields.io/badge/zh--CN%20%7C%20en--US-cornflowerblue?label=i18n)
+## Package Overview
+
+| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
+| --- | --- | --- | --- | --- | :---: | :---: |
+| `@univerjs/sheets-zen-editor` | `UniveSheetsZenEditor` | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ❌ | ⭕️ |
 
 ## Introduction
 
@@ -20,3 +21,9 @@ npm install @univerjs/sheets-zen-editor
 # Using pnpm
 pnpm add @univerjs/sheets-zen-editor
 ```
+
+<!-- Links -->
+[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/slides?style=flat-square
+[npm-version-link]: https://npmjs.com/package/@univerjs/slides
+[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/slides?style=flat-square
+[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/slides?style=flat-square

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var te=Object.defineProperty;var ne=(n,e,i)=>e in n?te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i;var E=(n,e,i)=>ne(n,typeof e!="symbol"?e+"":e,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),p=require("@wendellhu/redi"),O=require("@univerjs/docs"),N=require("@univerjs/engine-render"),D=require("@univerjs/sheets-ui"),_=require("@univerjs/ui"),q=require("rxjs"),T=require("@univerjs/sheets"),f=require("react"),B=require("@wendellhu/redi/react-bindings"),F=require("clsx"),j={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:n=>!0};class ie{constructor(){E(this,"_position",null);E(this,"_position$",new q.BehaviorSubject(null));E(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 $=p.createIdentifier("univer.sheet-zen-editor-manager.service");var re=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,se=(n,e,i,t)=>{for(var r=t>1?void 0:t?oe(e,i):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(t?o(e,i,r):o(r))||r);return t&&r&&re(e,i,r),r},S=(n,e)=>(i,t)=>e(i,t,n);const h="__defaultDocumentZenEditorSpecialUnitId_20231218__";let P=class extends c.RxDisposable{constructor(e,i,t,r,s,o,a,d,l){super();E(this,"_zenEditorInitialState",!1);this._injector=e,this._univerInstanceService=i,this._zenEditorManagerService=t,this._renderManagerService=r,this._commandService=s,this._zenZoneService=o,this._editorBridgeService=a,this._undoRedoService=d,this._textSelectionManagerService=l,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const e={id:h,body:{dataStream:`${c.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},documentFlavor:c.DocumentFlavor.MODERN,marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}}};return this._univerInstanceService.createUnit(c.UniverInstanceType.UNIVER_DOC,e)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(q.takeUntil(this.dispose$)).subscribe(e=>{var d;if(e==null)return;const i=D.getEditorObject(h,this._renderManagerService),t=this._univerInstanceService.getUniverDocInstance(h);if(i==null||t==null)return;const{width:r,height:s}=e,{engine:o}=i,a=(d=this._renderManagerService.getRenderById(h))==null?void 0:d.with(O.DocSkeletonManagerService).getSkeleton();requestIdleCallback(()=>{o.resizeBySize(r,s),this._calculatePagePosition(i),a&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(h),this._univerInstanceService.focusUnit(h),this._univerInstanceService.setCurrentUnitForType(h),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:N.DeviceInputEventType.PointerDown});const i=this._editorBridgeService.getLatestEditCellState();if(i==null)return;this._editorSyncHandler(i);const t=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(t)}_editorSyncHandler(e){var o,a;const i=(o=e.documentLayoutObject.documentModel)==null?void 0:o.getBody(),t=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let s=[];t==null||r==null||((a=i==null?void 0:i.textRuns)!=null&&a.length&&(s=i==null?void 0:i.textRuns),this._syncContentAndRender(h,t,r,s))}_syncContentAndRender(e,i,t,r=[]){var I;const s=[h,c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],o=(I=this._renderManagerService.getRenderById(e))==null?void 0:I.with(O.DocSkeletonManagerService),a=o==null?void 0:o.getSkeleton(),d=this._univerInstanceService.getUniverDocInstance(e),l=o==null?void 0:o.getViewModel();if(d==null||l==null||a==null)return;const u=d.getBody();u.dataStream=i,u.paragraphs=t,e===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(u.textRuns=[]),r.length>0&&(u.textRuns=r),l.reset(d);const g=this._getDocObject();g!=null&&(a.calculate(),s.includes(e)&&g.document.makeDirty())}_calculatePagePosition(e){const{document:i,scene:t,docBackground:r}=e,s=t==null?void 0:t.getParent(),{width:o,height:a,pageMarginLeft:d,pageMarginTop:l}=i;if(s==null||o===Number.POSITIVE_INFINITY||a===Number.POSITIVE_INFINITY)return;const{width:u,height:g}=s;let I=0,z=0,M=0,A=0,x=Number.POSITIVE_INFINITY;const{scaleX:y,scaleY:Q}=t.getAncestorScale();u>(o+d*2)*y?(I=u/2-o*y/2,I/=y,M=(u-d*2)/y,x=0):(I=d,M=o+d*2,x=(M-u/y)/2),g>a?(z=g/2-a/2,A=(g-l*2)/Q):(z=l,A=a+l*2),t.resize(M,A+200),i.translate(I,z),r.translate(I,z);const V=t.getViewport(O.VIEWPORT_KEY.VIEW_MAIN);if(x!==Number.POSITIVE_INFINITY&&V!=null){const ee=V.transScroll2ViewportScrollValue(x,0).x;V.scrollTo({x:ee})}return this}_commandExecutedListener(){const e=[j.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{e.includes(t.id)&&this._handleOpenZenEditor()}));const i=[O.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(i.includes(t.id)){const r=t.params,{unitId:s}=r;if(s===h){const o=this._univerInstanceService.getUniverDocInstance(s),a=o==null?void 0:o.getBody(),d=a==null?void 0:a.dataStream,l=a==null?void 0:a.paragraphs,u=a==null?void 0:a.textRuns;if(this._editorBridgeService.changeEditorDirty(!0),d==null||l==null)return;this._syncContentAndRender(c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,d,l,u)}}}))}_getDocObject(){return O.getDocObject(this._univerInstanceService,this._renderManagerService)}};P=se([c.OnLifecycle(c.LifecycleStages.Steady,P),S(0,p.Inject(p.Injector)),S(1,c.IUniverInstanceService),S(2,$),S(3,N.IRenderManagerService),S(4,c.ICommandService),S(5,_.IZenZoneService),S(6,D.IEditorBridgeService),S(7,c.IUndoRedoService),S(8,p.Inject(O.TextSelectionManagerService))],P);const Z={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(D.IEditorBridgeService),t=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:N.DeviceInputEventType.Keyboard,keycode:_.KeyCode.ESC}),e.close();const s=t.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return s?(t.focusUnit(s.getUnitId()),i.refreshEditCellState(),!0):!1}},L={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(D.IEditorBridgeService),t=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:N.DeviceInputEventType.PointerDown}),e.close();const s=t.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return s?(t.focusUnit(s.getUnitId()),i.refreshEditCellState(),!0):!1}};function ce(n){return{id:j.id,group:_.MenuGroup.CONTEXT_MENU_OTHERS,type:_.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[_.MenuPosition.CONTEXT_MENU],disabled$:D.getCurrentRangeDisable$(n,{workbookTypes:[T.WorkbookEditablePermission],worksheetTypes:[T.WorksheetEditPermission,T.WorksheetSetCellValuePermission,T.WorksheetSetCellStylePermission],rangeTypes:[T.RangeProtectionPermissionEditPoint]})}}var Y={exports:{}},w={};/**
+"use strict";var Q=Object.defineProperty;var ee=(n,e,i)=>e in n?Q(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i;var O=(n,e,i)=>ee(n,typeof e!="symbol"?e+"":e,i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),b=require("@univerjs/docs"),U=require("@univerjs/engine-render"),M=require("@univerjs/sheets-ui"),_=require("@univerjs/ui"),F=require("rxjs"),N=require("@univerjs/sheets"),S=require("react"),k=require("clsx"),j={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:n=>!0};class te{constructor(){O(this,"_position",null);O(this,"_position$",new F.BehaviorSubject(null));O(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 V=c.createIdentifier("univer.sheet-zen-editor-manager.service");var ne=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,re=(n,e,i,t)=>{for(var r=t>1?void 0:t?ie(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&ne(e,i,r),r},E=(n,e)=>(i,t)=>e(i,t,n);const f="__defaultDocumentZenEditorSpecialUnitId_20231218__";let P=class extends c.RxDisposable{constructor(e,i,t,r,o,s,a,d){super();O(this,"_zenEditorInitialState",!1);this._univerInstanceService=e,this._zenEditorManagerService=i,this._renderManagerService=t,this._commandService=r,this._zenZoneService=o,this._editorBridgeService=s,this._undoRedoService=a,this._textSelectionManagerService=d,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const e={id:f,body:{dataStream:`${c.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],customBlocks:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},documentFlavor:c.DocumentFlavor.MODERN,marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};return this._univerInstanceService.createUnit(c.UniverInstanceType.UNIVER_DOC,e)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(F.takeUntil(this.dispose$)).subscribe(e=>{var d;if(e==null)return;const i=M.getEditorObject(f,this._renderManagerService),t=this._univerInstanceService.getUniverDocInstance(f);if(i==null||t==null)return;const{width:r,height:o}=e,{engine:s}=i,a=(d=this._renderManagerService.getRenderById(f))==null?void 0:d.with(b.DocSkeletonManagerService).getSkeleton();requestIdleCallback(()=>{s.resizeBySize(r,o),this._calculatePagePosition(i),a&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){var o;this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open();const e=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);this._undoRedoService.clearUndoRedo(f),this._univerInstanceService.focusUnit(f),this._univerInstanceService.setCurrentUnitForType(f),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:U.DeviceInputEventType.PointerDown,unitId:(o=e==null?void 0:e.getUnitId())!=null?o:""});const t=this._editorBridgeService.getLatestEditCellState();if(t==null)return;this._editorSyncHandler(t);const r=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(r)}_editorSyncHandler(e){var s,a;const i=(s=e.documentLayoutObject.documentModel)==null?void 0:s.getBody(),t=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let o=[];t==null||r==null||((a=i==null?void 0:i.textRuns)!=null&&a.length&&(o=i==null?void 0:i.textRuns),this._syncContentAndRender(f,t,r,o))}_syncContentAndRender(e,i,t,r=[],o=[],s={},a=[],d=[]){var m;const h=[f,c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],l=(m=this._renderManagerService.getRenderById(e))==null?void 0:m.with(b.DocSkeletonManagerService),p=l==null?void 0:l.getSkeleton(),v=this._univerInstanceService.getUniverDocInstance(e),I=l==null?void 0:l.getViewModel();if(v==null||I==null||p==null)return;const u=v.getBody(),R=v.getSnapshot();u.dataStream=i,u.paragraphs=t,u.customBlocks=o,u.customRanges=d,R.drawings=s,R.drawingsOrder=a,e===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(u.textRuns=[]),r.length>0&&(u.textRuns=r),I.reset(v);const C=this._getDocObject();C!=null&&(p.calculate(),h.includes(e)&&C.document.makeDirty())}_calculatePagePosition(e){const{document:i,scene:t,docBackground:r}=e,o=t==null?void 0:t.getParent(),{width:s,height:a,pageMarginLeft:d,pageMarginTop:h}=i;if(o==null||s===Number.POSITIVE_INFINITY||a===Number.POSITIVE_INFINITY)return;const{width:l,height:p}=o;let v=0,I=0,u=0,R=0,C=Number.POSITIVE_INFINITY;const{scaleX:m,scaleY:G}=t.getAncestorScale();l>(s+d*2)*m?(v=l/2-s*m/2,v/=m,u=(l-d*2)/m,C=0):(v=d,u=s+d*2,C=(u-l/m)/2),p>a?(I=p/2-a/2,R=(p-h*2)/G):(I=h,R=a+h*2),t.resize(u,R+200),i.translate(v,I),r.translate(v,I);const A=t.getViewport(b.VIEWPORT_KEY.VIEW_MAIN);if(C!==Number.POSITIVE_INFINITY&&A!=null){const J=A.transScroll2ViewportScrollValue(C,0).x;A.scrollTo({x:J})}return this}_commandExecutedListener(){const e=[j.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{e.includes(t.id)&&this._handleOpenZenEditor()}));const i=[b.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(i.includes(t.id)){const r=t.params,{unitId:o}=r;if(o===f){const s=this._univerInstanceService.getUniverDocInstance(o),a=s==null?void 0:s.getBody(),d=a==null?void 0:a.dataStream,h=a==null?void 0:a.paragraphs,l=a==null?void 0:a.textRuns,p=a==null?void 0:a.customBlocks,v=s==null?void 0:s.getDrawings(),I=s==null?void 0:s.getDrawingsOrder(),u=s==null?void 0:s.getCustomRanges();if(this._editorBridgeService.changeEditorDirty(!0),d==null||h==null)return;this._syncContentAndRender(c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,d,h,l,p,v,I,u)}}}))}_getDocObject(){return b.getDocObject(this._univerInstanceService,this._renderManagerService)}};P=re([c.OnLifecycle(c.LifecycleStages.Steady,P),E(0,c.IUniverInstanceService),E(1,V),E(2,U.IRenderManagerService),E(3,c.ICommandService),E(4,_.IZenZoneService),E(5,M.IEditorBridgeService),E(6,c.IUndoRedoService),E(7,c.Inject(b.TextSelectionManagerService))],P);const w={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(M.IEditorBridgeService),t=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:U.DeviceInputEventType.Keyboard,keycode:_.KeyCode.ESC,unitId:""}),e.close();const o=t.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return o?(t.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}},Z={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(M.IEditorBridgeService),t=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:U.DeviceInputEventType.PointerDown,unitId:""}),e.close();const o=t.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return o?(t.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}};function se(n){return{id:j.id,group:_.MenuGroup.CONTEXT_MENU_OTHERS,type:_.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[_.MenuPosition.CONTEXT_MENU],disabled$:M.getCurrentRangeDisable$(n,{workbookTypes:[N.WorkbookEditablePermission],worksheetTypes:[N.WorksheetEditPermission,N.WorksheetSetCellValuePermission,N.WorksheetSetCellStylePermission],rangeTypes:[N.RangeProtectionPermissionEditPoint]})}}var W={exports:{}},L={};/**
  * @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 ae=f,de=Symbol.for("react.element"),le=Symbol.for("react.fragment"),ue=Object.prototype.hasOwnProperty,_e=ae.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,he={key:!0,ref:!0,__self:!0,__source:!0};function K(n,e,i){var t,r={},s=null,o=null;i!==void 0&&(s=""+i),e.key!==void 0&&(s=""+e.key),e.ref!==void 0&&(o=e.ref);for(t in e)ue.call(e,t)&&!he.hasOwnProperty(t)&&(r[t]=e[t]);if(n&&n.defaultProps)for(t in e=n.defaultProps,e)r[t]===void 0&&(r[t]=e[t]);return{$$typeof:de,type:n,key:s,ref:o,props:r,_owner:_e.current}}w.Fragment=le;w.jsx=K;w.jsxs=K;Y.exports=w;var m=Y.exports,v=function(){return v=Object.assign||function(n){for(var e,i=1,t=arguments.length;i<t;i++){e=arguments[i];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},v.apply(this,arguments)},ve=function(n,e){var i={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(i[t]=n[t]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r])&&(i[t[r]]=n[t[r]]);return i},k=f.forwardRef(function(n,e){var i=n.icon,t=n.id,r=n.className,s=n.extend,o=ve(n,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),d=f.useRef("_".concat(Se()));return H(i,"".concat(t),{defIds:i.defIds,idSuffix:d.current},v({ref:e,className:a},o),s)});function H(n,e,i,t,r){return f.createElement(n.tag,v(v({key:e},fe(n,i,r)),t),(ge(n,i).children||[]).map(function(s,o){return H(s,"".concat(e,"-").concat(n.tag,"-").concat(o),i,void 0,r)}))}function fe(n,e,i){var t=v({},n.attrs);i!=null&&i.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=i.colorChannel1);var r=e.defIds;return!r||r.length===0||(n.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.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(e.idSuffix,")")))})),t}function ge(n,e){var i,t=e.defIds;return!t||t.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?v(v({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?v(v({},r),{attrs:v(v({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):n}function Se(){return Math.random().toString(36).substring(2,8)}k.displayName="UniverIcon";var pe={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"}}]},X=f.forwardRef(function(n,e){return f.createElement(k,Object.assign({},n,{id:"check-mark-single",ref:e,icon:pe}))});X.displayName="CheckMarkSingle";var Ie={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"}}]},G=f.forwardRef(function(n,e){return f.createElement(k,Object.assign({},n,{id:"close-single",ref:e,icon:Ie}))});G.displayName="CloseSingle";const Ee="univer-zen-editor",me="univer-zen-editor-icon-wrapper",Ce="univer-zen-editor-icon-container",Oe="univer-zen-editor-icon-success",ye="univer-zen-editor-icon-error",Te="univer-zen-editor-canvas-container",C={zenEditor:Ee,zenEditorIconWrapper:me,zenEditorIconContainer:Ce,zenEditorIconSuccess:Oe,zenEditorIconError:ye,zenEditorCanvasContainer:Te},Re="ZEN_EDITOR_PLUGIN_",be=`${Re}ZEN_EDITOR_COMPONENT`;function Ne(){const n=f.useRef(null),e=B.useDependency(N.IRenderManagerService),i=B.useDependency($),t=B.useDependency(c.ICommandService);f.useEffect(()=>{const o=n.current;if(!o)return;const a=e.currentRender$.subscribe(l=>{var g;if(l!==h)return;const u=(g=e.getRenderById(h))==null?void 0:g.engine;u==null||u.setContainer(o)}),d=new ResizeObserver(()=>{const l=o.getBoundingClientRect();i.setPosition(l)});return d.observe(o),()=>{d.unobserve(o),a.unsubscribe()}},[]);function r(){t.executeCommand(Z.id)}function s(){t.executeCommand(L.id)}return m.jsxs("div",{className:C.zenEditor,children:[m.jsxs("div",{className:C.zenEditorIconWrapper,children:[m.jsx("span",{className:F(C.zenEditorIconContainer,C.zenEditorIconError),onClick:r,children:m.jsx(G,{style:{fontSize:"22px"}})}),m.jsx("span",{className:F(C.zenEditorIconContainer,C.zenEditorIconSuccess),onClick:s,children:m.jsx(X,{style:{fontSize:"22px"}})})]}),m.jsx("div",{className:C.zenEditorCanvasContainer,ref:n})]})}const De={id:L.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ENTER|_.MetaKeys.ALT},ze={id:Z.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ESC};function J(n){return n.getContextValue(c.FOCUSING_DOC)&&n.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(c.EDITOR_ACTIVATED)&&!n.getContextValue(c.FOCUSING_EDITOR_STANDALONE)}var Me=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,Ue=(n,e,i,t)=>{for(var r=t>1?void 0:t?xe(e,i):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(t?o(e,i,r):o(r))||r);return t&&r&&Me(e,i,r),r},R=(n,e)=>(i,t)=>e(i,t,n);const Pe={};let b=class extends c.Disposable{constructor(n,e,i,t,r,s){super(),this._config=n,this._injector=e,this._zenZoneService=i,this._commandService=t,this._menuService=r,this._shortcutService=s,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(be,Ne))}_initCommands(){[j,Z,L].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[ce].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),n))})}_initShortcuts(){[De,ze].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};b=Ue([c.OnLifecycle(c.LifecycleStages.Rendered,b),R(1,p.Inject(p.Injector)),R(2,_.IZenZoneService),R(3,c.ICommandService),R(4,_.IMenuService),R(5,_.IShortcutService)],b);var je=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,Le=(n,e,i,t)=>{for(var r=t>1?void 0:t?Ze(e,i):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(t?o(e,i,r):o(r))||r);return t&&r&&je(e,i,r),r},W=(n,e)=>(i,t)=>e(i,t,n),U;exports.UniverSheetsZenEditorPlugin=(U=class extends c.Plugin{constructor(e={},i,t){super(),this._config=e,this._injector=i,this._localeService=t,this._initializeDependencies(this._injector),this._config=c.Tools.deepMerge({},Pe,this._config)}_initializeDependencies(e){[[b,{useFactory:()=>this._injector.createInstance(b,this._config)}],[P],[$,{useClass:ie}]].forEach(t=>e.add(t))}},E(U,"pluginName","zen-editor"),E(U,"type",c.UniverInstanceType.UNIVER_DOC),U);exports.UniverSheetsZenEditorPlugin=Le([W(1,p.Inject(p.Injector)),W(2,p.Inject(c.LocaleService))],exports.UniverSheetsZenEditorPlugin);exports.CancelZenEditCommand=Z;exports.ConfirmZenEditCommand=L;exports.OpenZenEditorOperation=j;
+ */var oe=S,ce=Symbol.for("react.element"),ae=Symbol.for("react.fragment"),de=Object.prototype.hasOwnProperty,le=oe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ue={key:!0,ref:!0,__self:!0,__source:!0};function Y(n,e,i){var t,r={},o=null,s=null;i!==void 0&&(o=""+i),e.key!==void 0&&(o=""+e.key),e.ref!==void 0&&(s=e.ref);for(t in e)de.call(e,t)&&!ue.hasOwnProperty(t)&&(r[t]=e[t]);if(n&&n.defaultProps)for(t in e=n.defaultProps,e)r[t]===void 0&&(r[t]=e[t]);return{$$typeof:ce,type:n,key:o,ref:s,props:r,_owner:le.current}}L.Fragment=ae;L.jsx=Y;L.jsxs=Y;W.exports=L;var y=W.exports,g=function(){return g=Object.assign||function(n){for(var e,i=1,t=arguments.length;i<t;i++){e=arguments[i];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},g.apply(this,arguments)},_e=function(n,e){var i={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(i[t]=n[t]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r])&&(i[t[r]]=n[t[r]]);return i},B=S.forwardRef(function(n,e){var i=n.icon,t=n.id,r=n.className,o=n.extend,s=_e(n,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),d=S.useRef("_".concat(fe()));return q(i,"".concat(t),{defIds:i.defIds,idSuffix:d.current},g({ref:e,className:a},s),o)});function q(n,e,i,t,r){return S.createElement(n.tag,g(g({key:e},he(n,i,r)),t),(ve(n,i).children||[]).map(function(o,s){return q(o,"".concat(e,"-").concat(n.tag,"-").concat(s),i,void 0,r)}))}function he(n,e,i){var t=g({},n.attrs);i!=null&&i.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=i.colorChannel1);var r=e.defIds;return!r||r.length===0||(n.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],a=o[1];typeof a=="string"&&(t[s]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function ve(n,e){var i,t=e.defIds;return!t||t.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?g(g({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?g(g({},r),{attrs:g(g({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):n}function fe(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var ge={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=S.forwardRef(function(n,e){return S.createElement(B,Object.assign({},n,{id:"check-mark-single",ref:e,icon:ge}))});K.displayName="CheckMarkSingle";var pe={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=S.forwardRef(function(n,e){return S.createElement(B,Object.assign({},n,{id:"close-single",ref:e,icon:pe}))});H.displayName="CloseSingle";const Se="univer-zen-editor",Ie="univer-zen-editor-icon-wrapper",me="univer-zen-editor-icon-container",Ee="univer-zen-editor-icon-success",Ce="univer-zen-editor-icon-error",Oe="univer-zen-editor-canvas-container",T={zenEditor:Se,zenEditorIconWrapper:Ie,zenEditorIconContainer:me,zenEditorIconSuccess:Ee,zenEditorIconError:Ce,zenEditorCanvasContainer:Oe},ye="ZEN_EDITOR_PLUGIN_",Te=`${ye}ZEN_EDITOR_COMPONENT`;function Re(){const n=S.useRef(null),e=c.useDependency(U.IRenderManagerService),i=c.useDependency(V),t=c.useDependency(c.ICommandService);S.useEffect(()=>{const s=n.current;if(!s)return;const a=e.currentRender$.subscribe(h=>{var p;if(h!==f)return;const l=(p=e.getRenderById(f))==null?void 0:p.engine;l==null||l.setContainer(s)}),d=new ResizeObserver(()=>{const h=s.getBoundingClientRect();i.setPosition(h)});return d.observe(s),()=>{d.unobserve(s),a.unsubscribe()}},[]);function r(){t.executeCommand(w.id)}function o(){t.executeCommand(Z.id)}return y.jsxs("div",{className:T.zenEditor,children:[y.jsxs("div",{className:T.zenEditorIconWrapper,children:[y.jsx("span",{className:k(T.zenEditorIconContainer,T.zenEditorIconError),onClick:r,children:y.jsx(H,{style:{fontSize:"22px"}})}),y.jsx("span",{className:k(T.zenEditorIconContainer,T.zenEditorIconSuccess),onClick:o,children:y.jsx(K,{style:{fontSize:"22px"}})})]}),y.jsx("div",{className:T.zenEditorCanvasContainer,ref:n})]})}const be={id:Z.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>X(n),binding:_.KeyCode.ENTER|_.MetaKeys.ALT},Ne={id:w.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>X(n),binding:_.KeyCode.ESC};function X(n){return n.getContextValue(c.FOCUSING_DOC)&&n.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(c.EDITOR_ACTIVATED)&&!n.getContextValue(c.FOCUSING_EDITOR_STANDALONE)}var ze=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,Ue=(n,e,i,t)=>{for(var r=t>1?void 0:t?xe(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&ze(e,i,r),r},z=(n,e)=>(i,t)=>e(i,t,n);const Me={};let x=class extends c.Disposable{constructor(n,e,i,t,r,o){super(),this._config=n,this._injector=e,this._zenZoneService=i,this._commandService=t,this._menuService=r,this._shortcutService=o,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(Te,Re))}_initCommands(){[j,w,Z].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[se].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),n))})}_initShortcuts(){[be,Ne].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};x=Ue([c.OnLifecycle(c.LifecycleStages.Rendered,x),z(1,c.Inject(c.Injector)),z(2,_.IZenZoneService),z(3,c.ICommandService),z(4,_.IMenuService),z(5,_.IShortcutService)],x);var De=Object.defineProperty,Pe=Object.getOwnPropertyDescriptor,je=(n,e,i,t)=>{for(var r=t>1?void 0:t?Pe(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&De(e,i,r),r},$=(n,e)=>(i,t)=>e(i,t,n),D;exports.UniverSheetsZenEditorPlugin=(D=class extends c.Plugin{constructor(e={},i,t){super(),this._config=e,this._injector=i,this._localeService=t,this._initializeDependencies(this._injector),this._config=c.Tools.deepMerge({},Me,this._config)}_initializeDependencies(e){[[x,{useFactory:()=>this._injector.createInstance(x,this._config)}],[P],[V,{useClass:te}]].forEach(t=>e.add(t))}},O(D,"pluginName","zen-editor"),O(D,"type",c.UniverInstanceType.UNIVER_DOC),D);exports.UniverSheetsZenEditorPlugin=je([$(1,c.Inject(c.Injector)),$(2,c.Inject(c.LocaleService))],exports.UniverSheetsZenEditorPlugin);exports.CancelZenEditCommand=w;exports.ConfirmZenEditCommand=Z;exports.OpenZenEditorOperation=j;

package/lib/es/index.js

@@ -1,27 +1,25 @@
 var he = Object.defineProperty;
 var _e = (t, e, i) => e in t ? he(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var g = (t, e, i) => _e(t, typeof e != "symbol" ? e + "" : e, i);
-import { CommandType as U, RxDisposable as fe, DEFAULT_EMPTY_DOCUMENT_VALUE as ve, DocumentFlavor as ge, UniverInstanceType as N, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as K, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as X, OnLifecycle as ee, LifecycleStages as te, IUniverInstanceService as j, ICommandService as w, IUndoRedoService as pe, FOCUSING_DOC as me, FOCUSING_UNIVER_EDITOR as Se, EDITOR_ACTIVATED as Ee, FOCUSING_EDITOR_STANDALONE as Ie, Disposable as Ce, Plugin as Oe, Tools as ye, LocaleService as be } from "@univerjs/core";
-import { createIdentifier as Te, Inject as C, Injector as L } from "@wendellhu/redi";
-import { DocSkeletonManagerService as G, VIEWPORT_KEY as Re, RichTextEditingMutation as Ne, getDocObject as ze, TextSelectionManagerService as xe } from "@univerjs/docs";
-import { DeviceInputEventType as Z, IRenderManagerService as ne } from "@univerjs/engine-render";
-import { getEditorObject as Me, IEditorBridgeService as V, getCurrentRangeDisable$ as De } from "@univerjs/sheets-ui";
-import { IZenZoneService as z, KeyCode as A, MenuGroup as Pe, MenuItemType as Ue, MenuPosition as je, MetaKeys as we, IMenuService as Le, IShortcutService as Ze } from "@univerjs/ui";
+var E = (t, e, i) => _e(t, typeof e != "symbol" ? e + "" : e, i);
+import { CommandType as w, createIdentifier as fe, RxDisposable as ge, DEFAULT_EMPTY_DOCUMENT_VALUE as ve, DocumentFlavor as pe, UniverInstanceType as T, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as H, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as K, OnLifecycle as Q, LifecycleStages as ee, Inject as z, IUniverInstanceService as D, ICommandService as j, IUndoRedoService as me, useDependency as U, FOCUSING_DOC as Se, FOCUSING_UNIVER_EDITOR as Ee, EDITOR_ACTIVATED as Ie, FOCUSING_EDITOR_STANDALONE as Ce, Injector as te, Disposable as Oe, Plugin as Re, Tools as ye, LocaleService as Te } from "@univerjs/core";
+import { DocSkeletonManagerService as X, VIEWPORT_KEY as be, RichTextEditingMutation as Ne, getDocObject as ze, TextSelectionManagerService as xe } from "@univerjs/docs";
+import { DeviceInputEventType as L, IRenderManagerService as ne } from "@univerjs/engine-render";
+import { getEditorObject as Me, IEditorBridgeService as Z, getCurrentRangeDisable$ as Pe } from "@univerjs/sheets-ui";
+import { IZenZoneService as x, KeyCode as V, MenuGroup as Ue, MenuItemType as we, MenuPosition as De, MetaKeys as je, IMenuService as Le, IShortcutService as Ze } from "@univerjs/ui";
 import { BehaviorSubject as Ve, takeUntil as Ae } from "rxjs";
-import { WorkbookEditablePermission as $e, WorksheetEditPermission as Be, WorksheetSetCellValuePermission as ke, WorksheetSetCellStylePermission as Fe, RangeProtectionPermissionEditPoint as We } from "@univerjs/sheets";
-import Ye, { forwardRef as $, useRef as ie, createElement as B, useEffect as He } from "react";
-import { useDependency as P } from "@wendellhu/redi/react-bindings";
-import q from "clsx";
-const k = {
+import { WorkbookEditablePermission as ke, WorksheetEditPermission as $e, WorksheetSetCellValuePermission as Be, WorksheetSetCellStylePermission as Fe, RangeProtectionPermissionEditPoint as We } from "@univerjs/sheets";
+import Ye, { forwardRef as A, useRef as ie, createElement as k, useEffect as He } from "react";
+import G from "clsx";
+const $ = {
   id: "zen-editor.operation.open-zen-editor",
-  type: U.OPERATION,
+  type: w.OPERATION,
   handler: (t) => !0
 };
 class Ke {
   constructor() {
-    g(this, "_position", null);
-    g(this, "_position$", new Ve(null));
-    g(this, "position$", this._position$.asObservable());
+    E(this, "_position", null);
+    E(this, "_position$", new Ve(null));
+    E(this, "position$", this._position$.asObservable());
   }
   dispose() {
     this._position$.complete(), this._position = null;
@@ -36,30 +34,31 @@ class Ke {
     this._position$.next(e);
   }
 }
-const F = Te(
+const B = fe(
   "univer.sheet-zen-editor-manager.service"
 );
 var Xe = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, qe = (t, e, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ge(e, i) : e, s = t.length - 1, o; s >= 0; s--)
-    (o = t[s]) && (r = (n ? o(e, i, r) : o(r)) || r);
+  for (var r = n > 1 ? void 0 : n ? Ge(e, i) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
   return n && r && Xe(e, i, r), r;
-}, f = (t, e) => (i, n) => e(i, n, t);
-const u = "__defaultDocumentZenEditorSpecialUnitId_20231218__";
-let R = class extends fe {
-  constructor(e, i, n, r, s, o, c, a, d) {
+}, m = (t, e) => (i, n) => e(i, n, t);
+const _ = "__defaultDocumentZenEditorSpecialUnitId_20231218__";
+let N = class extends ge {
+  constructor(e, i, n, r, o, s, c, a) {
     super();
-    g(this, "_zenEditorInitialState", !1);
-    this._injector = e, this._univerInstanceService = i, this._zenEditorManagerService = n, this._renderManagerService = r, this._commandService = s, this._zenZoneService = o, this._editorBridgeService = c, this._undoRedoService = a, this._textSelectionManagerService = d, this._initialize();
+    E(this, "_zenEditorInitialState", !1);
+    this._univerInstanceService = e, this._zenEditorManagerService = i, this._renderManagerService = n, this._commandService = r, this._zenZoneService = o, this._editorBridgeService = s, this._undoRedoService = c, this._textSelectionManagerService = a, this._initialize();
   }
   _initialize() {
     this._syncZenEditorSize(), this._commandExecutedListener();
   }
   _createZenEditorInstance() {
     const e = {
-      id: u,
+      id: _,
       body: {
         dataStream: `${ve}`,
         textRuns: [],
+        customBlocks: [],
         paragraphs: [
           {
             startIndex: 0
@@ -71,7 +70,7 @@ let R = class extends fe {
           width: 595,
           height: 842
         },
-        documentFlavor: ge.MODERN,
+        documentFlavor: pe.MODERN,
         marginTop: 50,
         marginBottom: 50,
         marginRight: 40,
@@ -80,9 +79,11 @@ let R = class extends fe {
           vertexAngle: 0,
           centerAngle: 0
         }
-      }
+      },
+      drawings: {},
+      drawingsOrder: []
     };
-    return this._univerInstanceService.createUnit(N.UNIVER_DOC, e);
+    return this._univerInstanceService.createUnit(T.UNIVER_DOC, e);
   }
   // Listen to changes in the size of the zen editor container to set the size of the editor.
   _syncZenEditorSize() {
@@ -90,71 +91,75 @@ let R = class extends fe {
       var a;
       if (e == null)
         return;
-      const i = Me(u, this._renderManagerService), n = this._univerInstanceService.getUniverDocInstance(u);
+      const i = Me(_, this._renderManagerService), n = this._univerInstanceService.getUniverDocInstance(_);
       if (i == null || n == null)
         return;
-      const { width: r, height: s } = e, { engine: o } = i, c = (a = this._renderManagerService.getRenderById(u)) == null ? void 0 : a.with(G).getSkeleton();
+      const { width: r, height: o } = e, { engine: s } = i, c = (a = this._renderManagerService.getRenderById(_)) == null ? void 0 : a.with(X).getSkeleton();
       requestIdleCallback(() => {
-        o.resizeBySize(r, s), this._calculatePagePosition(i), c && this._textSelectionManagerService.refreshSelection();
+        s.resizeBySize(r, o), this._calculatePagePosition(i), c && this._textSelectionManagerService.refreshSelection();
       });
     });
   }
   _handleOpenZenEditor() {
-    this._zenEditorInitialState || (this._createZenEditorInstance(), this._zenEditorInitialState = !0), this._zenZoneService.open(), this._undoRedoService.clearUndoRedo(u), this._univerInstanceService.focusUnit(u), this._univerInstanceService.setCurrentUnitForType(u), this._editorBridgeService.isVisible().visible === !1 && this._editorBridgeService.changeVisible({
+    var o;
+    this._zenEditorInitialState || (this._createZenEditorInstance(), this._zenEditorInitialState = !0), this._zenZoneService.open();
+    const e = this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET);
+    this._undoRedoService.clearUndoRedo(_), this._univerInstanceService.focusUnit(_), this._univerInstanceService.setCurrentUnitForType(_), this._editorBridgeService.isVisible().visible === !1 && this._editorBridgeService.changeVisible({
       visible: !0,
-      eventType: Z.PointerDown
+      eventType: L.PointerDown,
+      unitId: (o = e == null ? void 0 : e.getUnitId()) != null ? o : ""
     });
-    const i = this._editorBridgeService.getLatestEditCellState();
-    if (i == null)
+    const n = this._editorBridgeService.getLatestEditCellState();
+    if (n == null)
       return;
-    this._editorSyncHandler(i);
-    const n = [
+    this._editorSyncHandler(n);
+    const r = [
       {
         startOffset: 0,
         endOffset: 0
       }
     ];
-    this._textSelectionManagerService.replaceTextRanges(n);
+    this._textSelectionManagerService.replaceTextRanges(r);
   }
   _editorSyncHandler(e) {
-    var o, c;
-    const i = (o = e.documentLayoutObject.documentModel) == null ? void 0 : o.getBody(), n = i == null ? void 0 : i.dataStream, r = i == null ? void 0 : i.paragraphs;
-    let s = [];
-    n == null || r == null || ((c = i == null ? void 0 : i.textRuns) != null && c.length && (s = i == null ? void 0 : i.textRuns), this._syncContentAndRender(u, n, r, s));
+    var s, c;
+    const i = (s = e.documentLayoutObject.documentModel) == null ? void 0 : s.getBody(), n = i == null ? void 0 : i.dataStream, r = i == null ? void 0 : i.paragraphs;
+    let o = [];
+    n == null || r == null || ((c = i == null ? void 0 : i.textRuns) != null && c.length && (o = i == null ? void 0 : i.textRuns), this._syncContentAndRender(_, n, r, o));
   }
-  _syncContentAndRender(e, i, n, r = []) {
-    var v;
-    const s = [
-      u,
-      X,
-      K
-    ], o = (v = this._renderManagerService.getRenderById(e)) == null ? void 0 : v.with(G), c = o == null ? void 0 : o.getSkeleton(), a = this._univerInstanceService.getUniverDocInstance(e), d = o == null ? void 0 : o.getViewModel();
-    if (a == null || d == null || c == null)
+  _syncContentAndRender(e, i, n, r = [], o = [], s = {}, c = [], a = []) {
+    var p;
+    const u = [
+      _,
+      K,
+      H
+    ], d = (p = this._renderManagerService.getRenderById(e)) == null ? void 0 : p.with(X), g = d == null ? void 0 : d.getSkeleton(), h = this._univerInstanceService.getUniverDocInstance(e), v = d == null ? void 0 : d.getViewModel();
+    if (h == null || v == null || g == null)
       return;
-    const l = a.getBody();
-    l.dataStream = i, l.paragraphs = n, e === K && (l.textRuns = []), r.length > 0 && (l.textRuns = r), d.reset(a);
-    const _ = this._getDocObject();
-    _ != null && (c.calculate(), s.includes(e) && _.document.makeDirty());
+    const l = h.getBody(), O = h.getSnapshot();
+    l.dataStream = i, l.paragraphs = n, l.customBlocks = o, l.customRanges = a, O.drawings = s, O.drawingsOrder = c, e === H && (l.textRuns = []), r.length > 0 && (l.textRuns = r), v.reset(h);
+    const S = this._getDocObject();
+    S != null && (g.calculate(), u.includes(e) && S.document.makeDirty());
   }
   _calculatePagePosition(e) {
-    const { document: i, scene: n, docBackground: r } = e, s = n == null ? void 0 : n.getParent(), { width: o, height: c, pageMarginLeft: a, pageMarginTop: d } = i;
-    if (s == null || o === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
+    const { document: i, scene: n, docBackground: r } = e, o = n == null ? void 0 : n.getParent(), { width: s, height: c, pageMarginLeft: a, pageMarginTop: u } = i;
+    if (o == null || s === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
       return;
-    const { width: l, height: _ } = s;
-    let v = 0, O = 0, y = 0, M = 0, b = Number.POSITIVE_INFINITY;
-    const { scaleX: S, scaleY: le } = n.getAncestorScale();
-    l > (o + a * 2) * S ? (v = l / 2 - o * S / 2, v /= S, y = (l - a * 2) / S, b = 0) : (v = a, y = o + a * 2, b = (y - l / S) / 2), _ > c ? (O = _ / 2 - c / 2, M = (_ - d * 2) / le) : (O = d, M = c + d * 2), n.resize(y, M + 200), i.translate(v, O), r.translate(v, O);
-    const D = n.getViewport(Re.VIEW_MAIN);
-    if (b !== Number.POSITIVE_INFINITY && D != null) {
-      const ue = D.transScroll2ViewportScrollValue(b, 0).x;
-      D.scrollTo({
+    const { width: d, height: g } = o;
+    let h = 0, v = 0, l = 0, O = 0, S = Number.POSITIVE_INFINITY;
+    const { scaleX: p, scaleY: le } = n.getAncestorScale();
+    d > (s + a * 2) * p ? (h = d / 2 - s * p / 2, h /= p, l = (d - a * 2) / p, S = 0) : (h = a, l = s + a * 2, S = (l - d / p) / 2), g > c ? (v = g / 2 - c / 2, O = (g - u * 2) / le) : (v = u, O = c + u * 2), n.resize(l, O + 200), i.translate(h, v), r.translate(h, v);
+    const P = n.getViewport(be.VIEW_MAIN);
+    if (S !== Number.POSITIVE_INFINITY && P != null) {
+      const ue = P.transScroll2ViewportScrollValue(S, 0).x;
+      P.scrollTo({
         x: ue
       });
     }
     return this;
   }
   _commandExecutedListener() {
-    const e = [k.id];
+    const e = [$.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         e.includes(n.id) && this._handleOpenZenEditor();
@@ -164,12 +169,12 @@ let R = class extends fe {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (i.includes(n.id)) {
-          const r = n.params, { unitId: s } = r;
-          if (s === u) {
-            const o = this._univerInstanceService.getUniverDocInstance(s), c = o == null ? void 0 : o.getBody(), a = c == null ? void 0 : c.dataStream, d = c == null ? void 0 : c.paragraphs, l = c == null ? void 0 : c.textRuns;
-            if (this._editorBridgeService.changeEditorDirty(!0), a == null || d == null)
+          const r = n.params, { unitId: o } = r;
+          if (o === _) {
+            const s = this._univerInstanceService.getUniverDocInstance(o), c = s == null ? void 0 : s.getBody(), a = c == null ? void 0 : c.dataStream, u = c == null ? void 0 : c.paragraphs, d = c == null ? void 0 : c.textRuns, g = c == null ? void 0 : c.customBlocks, h = s == null ? void 0 : s.getDrawings(), v = s == null ? void 0 : s.getDrawingsOrder(), l = s == null ? void 0 : s.getCustomRanges();
+            if (this._editorBridgeService.changeEditorDirty(!0), a == null || u == null)
               return;
-            this._syncContentAndRender(X, a, d, l);
+            this._syncContentAndRender(K, a, u, d, g, h, v, l);
           }
         }
       })
@@ -179,56 +184,57 @@ let R = class extends fe {
     return ze(this._univerInstanceService, this._renderManagerService);
   }
 };
-R = qe([
-  ee(te.Steady, R),
-  f(0, C(L)),
-  f(1, j),
-  f(2, F),
-  f(3, ne),
-  f(4, w),
-  f(5, z),
-  f(6, V),
-  f(7, pe),
-  f(8, C(xe))
-], R);
-const W = {
+N = qe([
+  Q(ee.Steady, N),
+  m(0, D),
+  m(1, B),
+  m(2, ne),
+  m(3, j),
+  m(4, x),
+  m(5, Z),
+  m(6, me),
+  m(7, z(xe))
+], N);
+const F = {
   id: "zen-editor.command.cancel-zen-edit",
-  type: U.COMMAND,
+  type: w.COMMAND,
   handler: async (t) => {
-    const e = t.get(z), i = t.get(V), n = t.get(j);
+    const e = t.get(x), i = t.get(Z), n = t.get(D);
     i.isVisible().visible && i.changeVisible({
       visible: !1,
-      eventType: Z.Keyboard,
-      keycode: A.ESC
+      eventType: L.Keyboard,
+      keycode: V.ESC,
+      unitId: ""
     }), e.close();
-    const s = n.getCurrentUnitForType(N.UNIVER_SHEET);
-    return s ? (n.focusUnit(s.getUnitId()), i.refreshEditCellState(), !0) : !1;
+    const o = n.getCurrentUnitForType(T.UNIVER_SHEET);
+    return o ? (n.focusUnit(o.getUnitId()), i.refreshEditCellState(), !0) : !1;
   }
-}, Y = {
+}, W = {
   id: "zen-editor.command.confirm-zen-edit",
-  type: U.COMMAND,
+  type: w.COMMAND,
   handler: async (t) => {
-    const e = t.get(z), i = t.get(V), n = t.get(j);
+    const e = t.get(x), i = t.get(Z), n = t.get(D);
     i.isVisible().visible && i.changeVisible({
       visible: !1,
-      eventType: Z.PointerDown
+      eventType: L.PointerDown,
+      unitId: ""
     }), e.close();
-    const s = n.getCurrentUnitForType(N.UNIVER_SHEET);
-    return s ? (n.focusUnit(s.getUnitId()), i.refreshEditCellState(), !0) : !1;
+    const o = n.getCurrentUnitForType(T.UNIVER_SHEET);
+    return o ? (n.focusUnit(o.getUnitId()), i.refreshEditCellState(), !0) : !1;
   }
 };
 function Je(t) {
   return {
-    id: k.id,
-    group: Pe.CONTEXT_MENU_OTHERS,
-    type: Ue.BUTTON,
+    id: $.id,
+    group: Ue.CONTEXT_MENU_OTHERS,
+    type: we.BUTTON,
     title: "rightClick.zenEditor",
     icon: "AmplifySingle",
-    positions: [je.CONTEXT_MENU],
-    disabled$: De(t, { workbookTypes: [$e], worksheetTypes: [Be, ke, Fe], rangeTypes: [We] })
+    positions: [De.CONTEXT_MENU],
+    disabled$: Pe(t, { workbookTypes: [ke], worksheetTypes: [$e, Be, Fe], rangeTypes: [We] })
   };
 }
-var re = { exports: {} }, x = {};
+var re = { exports: {} }, M = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -239,157 +245,157 @@ var re = { exports: {} }, x = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qe = Ye, et = Symbol.for("react.element"), tt = Symbol.for("react.fragment"), nt = Object.prototype.hasOwnProperty, it = Qe.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, rt = { key: !0, ref: !0, __self: !0, __source: !0 };
-function oe(t, e, i) {
-  var n, r = {}, s = null, o = null;
-  i !== void 0 && (s = "" + i), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (o = e.ref);
+function se(t, e, i) {
+  var n, r = {}, o = null, s = null;
+  i !== void 0 && (o = "" + i), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
   for (n in e) nt.call(e, n) && !rt.hasOwnProperty(n) && (r[n] = e[n]);
   if (t && t.defaultProps) for (n in e = t.defaultProps, e) r[n] === void 0 && (r[n] = e[n]);
-  return { $$typeof: et, type: t, key: s, ref: o, props: r, _owner: it.current };
+  return { $$typeof: et, type: t, key: o, ref: s, props: r, _owner: it.current };
 }
-x.Fragment = tt;
-x.jsx = oe;
-x.jsxs = oe;
-re.exports = x;
-var p = re.exports, h = function() {
-  return h = Object.assign || function(t) {
+M.Fragment = tt;
+M.jsx = se;
+M.jsxs = se;
+re.exports = M;
+var I = re.exports, f = function() {
+  return f = Object.assign || function(t) {
     for (var e, i = 1, n = arguments.length; i < n; i++) {
       e = arguments[i];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
     }
     return t;
-  }, h.apply(this, arguments);
-}, ot = function(t, e) {
+  }, f.apply(this, arguments);
+}, st = function(t, e) {
   var i = {};
   for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[n] = t[n]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, n = Object.getOwnPropertySymbols(t); r < n.length; r++)
       e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[r]) && (i[n[r]] = t[n[r]]);
   return i;
-}, H = $(function(t, e) {
-  var i = t.icon, n = t.id, r = t.className, s = t.extend, o = ot(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), a = ie("_".concat(at()));
-  return se(i, "".concat(n), { defIds: i.defIds, idSuffix: a.current }, h({ ref: e, className: c }, o), s);
+}, Y = A(function(t, e) {
+  var i = t.icon, n = t.id, r = t.className, o = t.extend, s = st(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), a = ie("_".concat(at()));
+  return oe(i, "".concat(n), { defIds: i.defIds, idSuffix: a.current }, f({ ref: e, className: c }, s), o);
 });
-function se(t, e, i, n, r) {
-  return B(t.tag, h(h({ key: e }, st(t, i, r)), n), (ct(t, i).children || []).map(function(s, o) {
-    return se(s, "".concat(e, "-").concat(t.tag, "-").concat(o), i, void 0, r);
+function oe(t, e, i, n, r) {
+  return k(t.tag, f(f({ key: e }, ot(t, i, r)), n), (ct(t, i).children || []).map(function(o, s) {
+    return oe(o, "".concat(e, "-").concat(t.tag, "-").concat(s), i, void 0, r);
   }));
 }
-function st(t, e, i) {
-  var n = h({}, t.attrs);
+function ot(t, e, i) {
+  var n = f({}, t.attrs);
   i != null && i.colorChannel1 && n.fill === "colorChannel1" && (n.fill = i.colorChannel1);
   var r = e.defIds;
-  return !r || r.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], c = s[1];
-    typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  return !r || r.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.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(e.idSuffix, ")")));
   })), n;
 }
 function ct(t, e) {
   var i, n = e.defIds;
-  return !n || n.length === 0 ? t : t.tag === "defs" && (!((i = t.children) === null || i === void 0) && i.length) ? h(h({}, t), { children: t.children.map(function(r) {
-    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? h(h({}, r), { attrs: h(h({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  return !n || n.length === 0 ? t : t.tag === "defs" && (!((i = t.children) === null || i === void 0) && i.length) ? f(f({}, t), { children: t.children.map(function(r) {
+    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? f(f({}, r), { attrs: f(f({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : t;
 }
 function at() {
   return Math.random().toString(36).substring(2, 8);
 }
-H.displayName = "UniverIcon";
-var dt = { 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" } }] }, ce = $(function(t, e) {
-  return B(H, Object.assign({}, t, {
+Y.displayName = "UniverIcon";
+var dt = { 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" } }] }, ce = A(function(t, e) {
+  return k(Y, Object.assign({}, t, {
     id: "check-mark-single",
     ref: e,
     icon: dt
   }));
 });
 ce.displayName = "CheckMarkSingle";
-var lt = { 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" } }] }, ae = $(function(t, e) {
-  return B(H, Object.assign({}, t, {
+var lt = { 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" } }] }, ae = A(function(t, e) {
+  return k(Y, Object.assign({}, t, {
     id: "close-single",
     ref: e,
     icon: lt
   }));
 });
 ae.displayName = "CloseSingle";
-const ut = "univer-zen-editor", ht = "univer-zen-editor-icon-wrapper", _t = "univer-zen-editor-icon-container", ft = "univer-zen-editor-icon-success", vt = "univer-zen-editor-icon-error", gt = "univer-zen-editor-canvas-container", m = {
+const ut = "univer-zen-editor", ht = "univer-zen-editor-icon-wrapper", _t = "univer-zen-editor-icon-container", ft = "univer-zen-editor-icon-success", gt = "univer-zen-editor-icon-error", vt = "univer-zen-editor-canvas-container", C = {
   zenEditor: ut,
   zenEditorIconWrapper: ht,
   zenEditorIconContainer: _t,
   zenEditorIconSuccess: ft,
-  zenEditorIconError: vt,
-  zenEditorCanvasContainer: gt
+  zenEditorIconError: gt,
+  zenEditorCanvasContainer: vt
 }, pt = "ZEN_EDITOR_PLUGIN_", mt = `${pt}ZEN_EDITOR_COMPONENT`;
 function St() {
-  const t = ie(null), e = P(ne), i = P(F), n = P(w);
+  const t = ie(null), e = U(ne), i = U(B), n = U(j);
   He(() => {
-    const o = t.current;
-    if (!o)
+    const s = t.current;
+    if (!s)
       return;
-    const c = e.currentRender$.subscribe((d) => {
-      var _;
-      if (d !== u)
+    const c = e.currentRender$.subscribe((u) => {
+      var g;
+      if (u !== _)
         return;
-      const l = (_ = e.getRenderById(u)) == null ? void 0 : _.engine;
-      l == null || l.setContainer(o);
+      const d = (g = e.getRenderById(_)) == null ? void 0 : g.engine;
+      d == null || d.setContainer(s);
     }), a = new ResizeObserver(() => {
-      const d = o.getBoundingClientRect();
-      i.setPosition(d);
+      const u = s.getBoundingClientRect();
+      i.setPosition(u);
     });
-    return a.observe(o), () => {
-      a.unobserve(o), c.unsubscribe();
+    return a.observe(s), () => {
+      a.unobserve(s), c.unsubscribe();
     };
   }, []);
   function r() {
-    n.executeCommand(W.id);
+    n.executeCommand(F.id);
   }
-  function s() {
-    n.executeCommand(Y.id);
+  function o() {
+    n.executeCommand(W.id);
   }
-  return /* @__PURE__ */ p.jsxs("div", { className: m.zenEditor, children: [
-    /* @__PURE__ */ p.jsxs("div", { className: m.zenEditorIconWrapper, children: [
-      /* @__PURE__ */ p.jsx(
+  return /* @__PURE__ */ I.jsxs("div", { className: C.zenEditor, children: [
+    /* @__PURE__ */ I.jsxs("div", { className: C.zenEditorIconWrapper, children: [
+      /* @__PURE__ */ I.jsx(
         "span",
         {
-          className: q(m.zenEditorIconContainer, m.zenEditorIconError),
+          className: G(C.zenEditorIconContainer, C.zenEditorIconError),
           onClick: r,
-          children: /* @__PURE__ */ p.jsx(ae, { style: { fontSize: "22px" } })
+          children: /* @__PURE__ */ I.jsx(ae, { style: { fontSize: "22px" } })
         }
       ),
-      /* @__PURE__ */ p.jsx(
+      /* @__PURE__ */ I.jsx(
         "span",
         {
-          className: q(m.zenEditorIconContainer, m.zenEditorIconSuccess),
-          onClick: s,
-          children: /* @__PURE__ */ p.jsx(ce, { style: { fontSize: "22px" } })
+          className: G(C.zenEditorIconContainer, C.zenEditorIconSuccess),
+          onClick: o,
+          children: /* @__PURE__ */ I.jsx(ce, { style: { fontSize: "22px" } })
         }
       )
     ] }),
-    /* @__PURE__ */ p.jsx("div", { className: m.zenEditorCanvasContainer, ref: t })
+    /* @__PURE__ */ I.jsx("div", { className: C.zenEditorCanvasContainer, ref: t })
   ] });
 }
 const Et = {
-  id: Y.id,
+  id: W.id,
   description: "shortcut.sheet.zen-edit-confirm",
   group: "4_sheet-edit",
   preconditions: (t) => de(t),
-  binding: A.ENTER | we.ALT
+  binding: V.ENTER | je.ALT
 }, It = {
-  id: W.id,
+  id: F.id,
   description: "shortcut.sheet.zen-edit-cancel",
   group: "4_sheet-edit",
   preconditions: (t) => de(t),
-  binding: A.ESC
+  binding: V.ESC
 };
 function de(t) {
-  return t.getContextValue(me) && t.getContextValue(Se) && t.getContextValue(Ee) && !t.getContextValue(Ie);
+  return t.getContextValue(Se) && t.getContextValue(Ee) && t.getContextValue(Ie) && !t.getContextValue(Ce);
 }
-var Ct = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, yt = (t, e, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? Ot(e, i) : e, s = t.length - 1, o; s >= 0; s--)
-    (o = t[s]) && (r = (n ? o(e, i, r) : o(r)) || r);
+var Ct = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, Rt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ot(e, i) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
   return n && r && Ct(e, i, r), r;
-}, E = (t, e) => (i, n) => e(i, n, t);
-const bt = {};
-let I = class extends Ce {
-  constructor(t, e, i, n, r, s) {
-    super(), this._config = t, this._injector = e, this._zenZoneService = i, this._commandService = n, this._menuService = r, this._shortcutService = s, this._initialize();
+}, R = (t, e) => (i, n) => e(i, n, t);
+const yt = {};
+let y = class extends Oe {
+  constructor(t, e, i, n, r, o) {
+    super(), this._config = t, this._injector = e, this._zenZoneService = i, this._commandService = n, this._menuService = r, this._shortcutService = o, this._initialize();
   }
   _initialize() {
     this._initCustomComponents(), this._initCommands(), this._initMenus(), this._initShortcuts();
@@ -398,7 +404,7 @@ let I = class extends Ce {
     this.disposeWithMe(this._zenZoneService.set(mt, St));
   }
   _initCommands() {
-    [k, W, Y].forEach((t) => {
+    [$, F, W].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
@@ -417,43 +423,43 @@ let I = class extends Ce {
     });
   }
 };
-I = yt([
-  ee(te.Rendered, I),
-  E(1, C(L)),
-  E(2, z),
-  E(3, w),
-  E(4, Le),
-  E(5, Ze)
-], I);
-var Tt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, Nt = (t, e, i, n) => {
-  for (var r = n > 1 ? void 0 : n ? Rt(e, i) : e, s = t.length - 1, o; s >= 0; s--)
-    (o = t[s]) && (r = (n ? o(e, i, r) : o(r)) || r);
+y = Rt([
+  Q(ee.Rendered, y),
+  R(1, z(te)),
+  R(2, x),
+  R(3, j),
+  R(4, Le),
+  R(5, Ze)
+], y);
+var Tt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, Nt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? bt(e, i) : e, o = t.length - 1, s; o >= 0; o--)
+    (s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
   return n && r && Tt(e, i, r), r;
-}, J = (t, e) => (i, n) => e(i, n, t), T;
-let Q = (T = class extends Oe {
+}, q = (t, e) => (i, n) => e(i, n, t), b;
+let J = (b = class extends Re {
   constructor(t = {}, e, i) {
-    super(), this._config = t, this._injector = e, this._localeService = i, this._initializeDependencies(this._injector), this._config = ye.deepMerge({}, bt, this._config);
+    super(), this._config = t, this._injector = e, this._localeService = i, this._initializeDependencies(this._injector), this._config = ye.deepMerge({}, yt, this._config);
   }
   _initializeDependencies(t) {
     [
       [
-        I,
+        y,
         {
-          useFactory: () => this._injector.createInstance(I, this._config)
+          useFactory: () => this._injector.createInstance(y, this._config)
         }
       ],
-      [R],
-      [F, { useClass: Ke }]
+      [N],
+      [B, { useClass: Ke }]
     ].forEach((i) => t.add(i));
   }
-}, g(T, "pluginName", "zen-editor"), g(T, "type", N.UNIVER_DOC), T);
-Q = Nt([
-  J(1, C(L)),
-  J(2, C(be))
-], Q);
+}, E(b, "pluginName", "zen-editor"), E(b, "type", T.UNIVER_DOC), b);
+J = Nt([
+  q(1, z(te)),
+  q(2, z(Te))
+], J);
 export {
-  W as CancelZenEditCommand,
-  Y as ConfirmZenEditCommand,
-  k as OpenZenEditorOperation,
-  Q as UniverSheetsZenEditorPlugin
+  F as CancelZenEditCommand,
+  W as ConfirmZenEditCommand,
+  $ as OpenZenEditorOperation,
+  J as UniverSheetsZenEditorPlugin
 };

package/lib/locale/vi-VN.json

@@ -0,0 +1,8 @@
+{
+  "shortcut": {
+    "sheet": {
+      "zen-edit-cancel": "Hủy chỉnh sửa (trạng thái Zen mode)",
+      "zen-edit-confirm": "Bỏ chỉnh sửa (trạng thái Zen mode)"
+    }
+  }
+}

package/lib/locale/zh-CN.json

@@ -1,8 +1,8 @@
 {
   "shortcut": {
     "sheet": {
-      "zen-edit-cancel": "取消编辑(禅模式状态)",
-      "zen-edit-confirm": "放弃编辑(禅模式状态)"
+      "zen-edit-cancel": "取消编辑（禅模式状态）",
+      "zen-edit-confirm": "放弃编辑（禅模式状态）"
     }
   }
 }

package/lib/locale/zh-TW.json

@@ -0,0 +1,8 @@
+{
+  "shortcut": {
+    "sheet": {
+      "zen-edit-cancel": "取消編輯（禪模式狀態）",
+      "zen-edit-confirm": "放棄編輯（禪模式狀態）"
+    }
+  }
+}

package/lib/types/controllers/zen-editor-ui.controller.d.ts

@@ -1,6 +1,5 @@
-import { Disposable, ICommandService } from '@univerjs/core';
+import { Disposable, ICommandService, Injector } from '@univerjs/core';
 import { MenuConfig, IMenuService, IShortcutService, IZenZoneService } from '@univerjs/ui';
-import { Injector } from '@wendellhu/redi';
 
 export interface IUniverSheetsZenEditorUIConfig {
     menu: MenuConfig;

package/lib/types/controllers/zen-editor.controller.d.ts

@@ -3,12 +3,10 @@ import { TextSelectionManagerService } from '@univerjs/docs';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { IEditorBridgeService } from '@univerjs/sheets-ui';
 import { IZenZoneService } from '@univerjs/ui';
-import { Injector } from '@wendellhu/redi';
 import { IZenEditorManagerService } from '../services/zen-editor.service';
 
 export declare const DOCS_ZEN_EDITOR_UNIT_ID_KEY = "__defaultDocumentZenEditorSpecialUnitId_20231218__";
 export declare class ZenEditorController extends RxDisposable {
-    private readonly _injector;
     private readonly _univerInstanceService;
     private readonly _zenEditorManagerService;
     private readonly _renderManagerService;
@@ -17,7 +15,7 @@ export declare class ZenEditorController extends RxDisposable {
     private readonly _editorBridgeService;
     private readonly _undoRedoService;
     private readonly _textSelectionManagerService;
-    constructor(_injector: Injector, _univerInstanceService: IUniverInstanceService, _zenEditorManagerService: IZenEditorManagerService, _renderManagerService: IRenderManagerService, _commandService: ICommandService, _zenZoneService: IZenZoneService, _editorBridgeService: IEditorBridgeService, _undoRedoService: IUndoRedoService, _textSelectionManagerService: TextSelectionManagerService);
+    constructor(_univerInstanceService: IUniverInstanceService, _zenEditorManagerService: IZenEditorManagerService, _renderManagerService: IRenderManagerService, _commandService: ICommandService, _zenZoneService: IZenZoneService, _editorBridgeService: IEditorBridgeService, _undoRedoService: IUndoRedoService, _textSelectionManagerService: TextSelectionManagerService);
     private _initialize;
     private _createZenEditorInstance;
     private _syncZenEditorSize;

package/lib/types/locale/vi-VN.d.ts

@@ -0,0 +1,4 @@
+import { default as zhCN } from './zh-CN';
+
+declare const locale: typeof zhCN;
+export default locale;

package/lib/types/locale/zh-TW.d.ts

@@ -0,0 +1,4 @@
+import { default as zhCN } from './zh-CN';
+
+declare const locale: typeof zhCN;
+export default locale;

package/lib/types/plugin.d.ts

@@ -1,5 +1,4 @@
-import { LocaleService, Plugin, UniverInstanceType } from '@univerjs/core';
-import { Injector } from '@wendellhu/redi';
+import { Injector, LocaleService, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IUniverSheetsZenEditorUIConfig } from './controllers/zen-editor-ui.controller';
 
 export declare class UniverSheetsZenEditorPlugin extends Plugin {

package/lib/types/services/zen-editor.service.d.ts

@@ -1,5 +1,4 @@
-import { Nullable } from '@univerjs/core';
-import { IDisposable } from '@wendellhu/redi';
+import { IDisposable, Nullable } from '@univerjs/core';
 import { Observable } from 'rxjs';
 
 export interface IZenEditorManagerService {
@@ -17,4 +16,4 @@ export declare class ZenEditorManagerService implements IDisposable {
     getPosition(): Readonly<Nullable<DOMRect>>;
     private _refresh;
 }
-export declare const IZenEditorManagerService: import('@wendellhu/redi').IdentifierDecorator<ZenEditorManagerService>;
+export declare const IZenEditorManagerService: import('@univerjs/core').IdentifierDecorator<ZenEditorManagerService>;

package/lib/types/views/menu.d.ts

@@ -1,4 +1,4 @@
 import { IMenuButtonItem } from '@univerjs/ui';
-import { IAccessor } from '@wendellhu/redi';
+import { IAccessor } from '@univerjs/core';
 
 export declare function ZenEditorMenuItemFactory(accessor: IAccessor): IMenuButtonItem;

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(function(d,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/docs"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("rxjs"),require("@univerjs/sheets"),require("react"),require("@wendellhu/redi/react-bindings"),require("clsx")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/docs","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","rxjs","@univerjs/sheets","react","@wendellhu/redi/react-bindings","clsx"],c):(d=typeof globalThis<"u"?globalThis:d||self,c(d.UniverSheetsZenEditor={},d.UniverCore,d["@wendellhu/redi"],d.UniverDocs,d.UniverEngineRender,d.UniverSheetsUi,d.UniverUi,d.rxjs,d.UniverSheets,d.React,d["@wendellhu/redi/react-bindings"],d.clsx))})(this,function(d,c,h,y,T,R,_,Y,N,p,V,K){"use strict";var je=Object.defineProperty;var be=(d,c,h)=>c in d?je(d,c,{enumerable:!0,configurable:!0,writable:!0,value:h}):d[c]=h;var O=(d,c,h)=>be(d,typeof c!="symbol"?c+"":c,h);var Z;const b={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:n=>!0};class ee{constructor(){O(this,"_position",null);O(this,"_position$",new Y.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 B=h.createIdentifier("univer.sheet-zen-editor-manager.service");var te=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,ie=(n,t,i,e)=>{for(var r=e>1?void 0:e?ne(t,i):t,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(e?s(t,i,r):s(r))||r);return e&&r&&te(t,i,r),r},g=(n,t)=>(i,e)=>t(i,e,n);const f="__defaultDocumentZenEditorSpecialUnitId_20231218__";let M=class extends c.RxDisposable{constructor(t,i,e,r,o,s,a,l,u){super();O(this,"_zenEditorInitialState",!1);this._injector=t,this._univerInstanceService=i,this._zenEditorManagerService=e,this._renderManagerService=r,this._commandService=o,this._zenZoneService=s,this._editorBridgeService=a,this._undoRedoService=l,this._textSelectionManagerService=u,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const t={id:f,body:{dataStream:`${c.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},documentFlavor:c.DocumentFlavor.MODERN,marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}}};return this._univerInstanceService.createUnit(c.UniverInstanceType.UNIVER_DOC,t)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(Y.takeUntil(this.dispose$)).subscribe(t=>{var l;if(t==null)return;const i=R.getEditorObject(f,this._renderManagerService),e=this._univerInstanceService.getUniverDocInstance(f);if(i==null||e==null)return;const{width:r,height:o}=t,{engine:s}=i,a=(l=this._renderManagerService.getRenderById(f))==null?void 0:l.with(y.DocSkeletonManagerService).getSkeleton();requestIdleCallback(()=>{s.resizeBySize(r,o),this._calculatePagePosition(i),a&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(f),this._univerInstanceService.focusUnit(f),this._univerInstanceService.setCurrentUnitForType(f),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:T.DeviceInputEventType.PointerDown});const i=this._editorBridgeService.getLatestEditCellState();if(i==null)return;this._editorSyncHandler(i);const e=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(e)}_editorSyncHandler(t){var s,a;const i=(s=t.documentLayoutObject.documentModel)==null?void 0:s.getBody(),e=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let o=[];e==null||r==null||((a=i==null?void 0:i.textRuns)!=null&&a.length&&(o=i==null?void 0:i.textRuns),this._syncContentAndRender(f,e,r,o))}_syncContentAndRender(t,i,e,r=[]){var I;const o=[f,c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],s=(I=this._renderManagerService.getRenderById(t))==null?void 0:I.with(y.DocSkeletonManagerService),a=s==null?void 0:s.getSkeleton(),l=this._univerInstanceService.getUniverDocInstance(t),u=s==null?void 0:s.getViewModel();if(l==null||u==null||a==null)return;const v=l.getBody();v.dataStream=i,v.paragraphs=e,t===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(v.textRuns=[]),r.length>0&&(v.textRuns=r),u.reset(l);const E=this._getDocObject();E!=null&&(a.calculate(),o.includes(t)&&E.document.makeDirty())}_calculatePagePosition(t){const{document:i,scene:e,docBackground:r}=t,o=e==null?void 0:e.getParent(),{width:s,height:a,pageMarginLeft:l,pageMarginTop:u}=i;if(o==null||s===Number.POSITIVE_INFINITY||a===Number.POSITIVE_INFINITY)return;const{width:v,height:E}=o;let I=0,w=0,L=0,F=0,A=Number.POSITIVE_INFINITY;const{scaleX:j,scaleY:ze}=e.getAncestorScale();v>(s+l*2)*j?(I=v/2-s*j/2,I/=j,L=(v-l*2)/j,A=0):(I=l,L=s+l*2,A=(L-v/j)/2),E>a?(w=E/2-a/2,F=(E-u*2)/ze):(w=u,F=a+u*2),e.resize(L,F+200),i.translate(I,w),r.translate(I,w);const W=e.getViewport(y.VIEWPORT_KEY.VIEW_MAIN);if(A!==Number.POSITIVE_INFINITY&&W!=null){const De=W.transScroll2ViewportScrollValue(A,0).x;W.scrollTo({x:De})}return this}_commandExecutedListener(){const t=[b.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{t.includes(e.id)&&this._handleOpenZenEditor()}));const i=[y.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(i.includes(e.id)){const r=e.params,{unitId:o}=r;if(o===f){const s=this._univerInstanceService.getUniverDocInstance(o),a=s==null?void 0:s.getBody(),l=a==null?void 0:a.dataStream,u=a==null?void 0:a.paragraphs,v=a==null?void 0:a.textRuns;if(this._editorBridgeService.changeEditorDirty(!0),l==null||u==null)return;this._syncContentAndRender(c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,l,u,v)}}}))}_getDocObject(){return y.getDocObject(this._univerInstanceService,this._renderManagerService)}};M=ie([c.OnLifecycle(c.LifecycleStages.Steady,M),g(0,h.Inject(h.Injector)),g(1,c.IUniverInstanceService),g(2,B),g(3,T.IRenderManagerService),g(4,c.ICommandService),g(5,_.IZenZoneService),g(6,R.IEditorBridgeService),g(7,c.IUndoRedoService),g(8,h.Inject(y.TextSelectionManagerService))],M);const x={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const t=n.get(_.IZenZoneService),i=n.get(R.IEditorBridgeService),e=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:T.DeviceInputEventType.Keyboard,keycode:_.KeyCode.ESC}),t.close();const o=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return o?(e.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}},U={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const t=n.get(_.IZenZoneService),i=n.get(R.IEditorBridgeService),e=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:T.DeviceInputEventType.PointerDown}),t.close();const o=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return o?(e.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}};function re(n){return{id:b.id,group:_.MenuGroup.CONTEXT_MENU_OTHERS,type:_.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[_.MenuPosition.CONTEXT_MENU],disabled$:R.getCurrentRangeDisable$(n,{workbookTypes:[N.WorkbookEditablePermission],worksheetTypes:[N.WorksheetEditPermission,N.WorksheetSetCellValuePermission,N.WorksheetSetCellStylePermission],rangeTypes:[N.RangeProtectionPermissionEditPoint]})}}var H={exports:{}},P={};/**
+(function(d,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@univerjs/core"),require("@univerjs/docs"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("rxjs"),require("@univerjs/sheets"),require("react"),require("clsx")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/docs","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","rxjs","@univerjs/sheets","react","clsx"],s):(d=typeof globalThis<"u"?globalThis:d||self,s(d.UniverSheetsZenEditor={},d.UniverCore,d.UniverDocs,d.UniverEngineRender,d.UniverSheetsUi,d.UniverUi,d.rxjs,d.UniverSheets,d.React,d.clsx))})(this,function(d,s,S,U,b,v,F,j,E,W){"use strict";var ze=Object.defineProperty;var Ue=(d,s,S)=>s in d?ze(d,s,{enumerable:!0,configurable:!0,writable:!0,value:S}):d[s]=S;var N=(d,s,S)=>Ue(d,typeof s!="symbol"?s+"":s,S);var A;const D={id:"zen-editor.operation.open-zen-editor",type:s.CommandType.OPERATION,handler:n=>!0};class J{constructor(){N(this,"_position",null);N(this,"_position$",new F.BehaviorSubject(null));N(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 V=s.createIdentifier("univer.sheet-zen-editor-manager.service");var Q=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,te=(n,t,i,e)=>{for(var r=e>1?void 0:e?ee(t,i):t,c=n.length-1,o;c>=0;c--)(o=n[c])&&(r=(e?o(t,i,r):o(r))||r);return e&&r&&Q(t,i,r),r},C=(n,t)=>(i,e)=>t(i,e,n);const h="__defaultDocumentZenEditorSpecialUnitId_20231218__";let P=class extends s.RxDisposable{constructor(t,i,e,r,c,o,a,l){super();N(this,"_zenEditorInitialState",!1);this._univerInstanceService=t,this._zenEditorManagerService=i,this._renderManagerService=e,this._commandService=r,this._zenZoneService=c,this._editorBridgeService=o,this._undoRedoService=a,this._textSelectionManagerService=l,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const t={id:h,body:{dataStream:`${s.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],customBlocks:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},documentFlavor:s.DocumentFlavor.MODERN,marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}},drawings:{},drawingsOrder:[]};return this._univerInstanceService.createUnit(s.UniverInstanceType.UNIVER_DOC,t)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(F.takeUntil(this.dispose$)).subscribe(t=>{var l;if(t==null)return;const i=b.getEditorObject(h,this._renderManagerService),e=this._univerInstanceService.getUniverDocInstance(h);if(i==null||e==null)return;const{width:r,height:c}=t,{engine:o}=i,a=(l=this._renderManagerService.getRenderById(h))==null?void 0:l.with(S.DocSkeletonManagerService).getSkeleton();requestIdleCallback(()=>{o.resizeBySize(r,c),this._calculatePagePosition(i),a&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){var c;this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open();const t=this._univerInstanceService.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SHEET);this._undoRedoService.clearUndoRedo(h),this._univerInstanceService.focusUnit(h),this._univerInstanceService.setCurrentUnitForType(h),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:U.DeviceInputEventType.PointerDown,unitId:(c=t==null?void 0:t.getUnitId())!=null?c:""});const e=this._editorBridgeService.getLatestEditCellState();if(e==null)return;this._editorSyncHandler(e);const r=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(r)}_editorSyncHandler(t){var o,a;const i=(o=t.documentLayoutObject.documentModel)==null?void 0:o.getBody(),e=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let c=[];e==null||r==null||((a=i==null?void 0:i.textRuns)!=null&&a.length&&(c=i==null?void 0:i.textRuns),this._syncContentAndRender(h,e,r,c))}_syncContentAndRender(t,i,e,r=[],c=[],o={},a=[],l=[]){var O;const g=[h,s.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,s.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],u=(O=this._renderManagerService.getRenderById(t))==null?void 0:O.with(S.DocSkeletonManagerService),I=u==null?void 0:u.getSkeleton(),p=this._univerInstanceService.getUniverDocInstance(t),m=u==null?void 0:u.getViewModel();if(p==null||m==null||I==null)return;const _=p.getBody(),z=p.getSnapshot();_.dataStream=i,_.paragraphs=e,_.customBlocks=c,_.customRanges=l,z.drawings=o,z.drawingsOrder=a,t===s.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(_.textRuns=[]),r.length>0&&(_.textRuns=r),m.reset(p);const R=this._getDocObject();R!=null&&(I.calculate(),g.includes(t)&&R.document.makeDirty())}_calculatePagePosition(t){const{document:i,scene:e,docBackground:r}=t,c=e==null?void 0:e.getParent(),{width:o,height:a,pageMarginLeft:l,pageMarginTop:g}=i;if(c==null||o===Number.POSITIVE_INFINITY||a===Number.POSITIVE_INFINITY)return;const{width:u,height:I}=c;let p=0,m=0,_=0,z=0,R=Number.POSITIVE_INFINITY;const{scaleX:O,scaleY:Re}=e.getAncestorScale();u>(o+l*2)*O?(p=u/2-o*O/2,p/=O,_=(u-l*2)/O,R=0):(p=l,_=o+l*2,R=(_-u/O)/2),I>a?(m=I/2-a/2,z=(I-g*2)/Re):(m=g,z=a+g*2),e.resize(_,z+200),i.translate(p,m),r.translate(p,m);const k=e.getViewport(S.VIEWPORT_KEY.VIEW_MAIN);if(R!==Number.POSITIVE_INFINITY&&k!=null){const Ne=k.transScroll2ViewportScrollValue(R,0).x;k.scrollTo({x:Ne})}return this}_commandExecutedListener(){const t=[D.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{t.includes(e.id)&&this._handleOpenZenEditor()}));const i=[S.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(i.includes(e.id)){const r=e.params,{unitId:c}=r;if(c===h){const o=this._univerInstanceService.getUniverDocInstance(c),a=o==null?void 0:o.getBody(),l=a==null?void 0:a.dataStream,g=a==null?void 0:a.paragraphs,u=a==null?void 0:a.textRuns,I=a==null?void 0:a.customBlocks,p=o==null?void 0:o.getDrawings(),m=o==null?void 0:o.getDrawingsOrder(),_=o==null?void 0:o.getCustomRanges();if(this._editorBridgeService.changeEditorDirty(!0),l==null||g==null)return;this._syncContentAndRender(s.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,l,g,u,I,p,m,_)}}}))}_getDocObject(){return S.getDocObject(this._univerInstanceService,this._renderManagerService)}};P=te([s.OnLifecycle(s.LifecycleStages.Steady,P),C(0,s.IUniverInstanceService),C(1,V),C(2,U.IRenderManagerService),C(3,s.ICommandService),C(4,v.IZenZoneService),C(5,b.IEditorBridgeService),C(6,s.IUndoRedoService),C(7,s.Inject(S.TextSelectionManagerService))],P);const w={id:"zen-editor.command.cancel-zen-edit",type:s.CommandType.COMMAND,handler:async n=>{const t=n.get(v.IZenZoneService),i=n.get(b.IEditorBridgeService),e=n.get(s.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:U.DeviceInputEventType.Keyboard,keycode:v.KeyCode.ESC,unitId:""}),t.close();const c=e.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SHEET);return c?(e.focusUnit(c.getUnitId()),i.refreshEditCellState(),!0):!1}},Z={id:"zen-editor.command.confirm-zen-edit",type:s.CommandType.COMMAND,handler:async n=>{const t=n.get(v.IZenZoneService),i=n.get(b.IEditorBridgeService),e=n.get(s.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:U.DeviceInputEventType.PointerDown,unitId:""}),t.close();const c=e.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SHEET);return c?(e.focusUnit(c.getUnitId()),i.refreshEditCellState(),!0):!1}};function ne(n){return{id:D.id,group:v.MenuGroup.CONTEXT_MENU_OTHERS,type:v.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[v.MenuPosition.CONTEXT_MENU],disabled$:b.getCurrentRangeDisable$(n,{workbookTypes:[j.WorkbookEditablePermission],worksheetTypes:[j.WorksheetEditPermission,j.WorksheetSetCellValuePermission,j.WorksheetSetCellStylePermission],rangeTypes:[j.RangeProtectionPermissionEditPoint]})}}var Y={exports:{}},L={};/**
  * @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=p,oe=Symbol.for("react.element"),ce=Symbol.for("react.fragment"),ae=Object.prototype.hasOwnProperty,de=se.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,le={key:!0,ref:!0,__self:!0,__source:!0};function X(n,t,i){var e,r={},o=null,s=null;i!==void 0&&(o=""+i),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(s=t.ref);for(e in t)ae.call(t,e)&&!le.hasOwnProperty(e)&&(r[e]=t[e]);if(n&&n.defaultProps)for(e in t=n.defaultProps,t)r[e]===void 0&&(r[e]=t[e]);return{$$typeof:oe,type:n,key:o,ref:s,props:r,_owner:de.current}}P.Fragment=ce,P.jsx=X,P.jsxs=X,H.exports=P;var m=H.exports,S=function(){return S=Object.assign||function(n){for(var t,i=1,e=arguments.length;i<e;i++){t=arguments[i];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},S.apply(this,arguments)},ue=function(n,t){var i={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0&&(i[e]=n[e]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(n);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(n,e[r])&&(i[e[r]]=n[e[r]]);return i},k=p.forwardRef(function(n,t){var i=n.icon,e=n.id,r=n.className,o=n.extend,s=ue(n,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=p.useRef("_".concat(_e()));return $(i,"".concat(e),{defIds:i.defIds,idSuffix:l.current},S({ref:t,className:a},s),o)});function $(n,t,i,e,r){return p.createElement(n.tag,S(S({key:t},ve(n,i,r)),e),(he(n,i).children||[]).map(function(o,s){return $(o,"".concat(t,"-").concat(n.tag,"-").concat(s),i,void 0,r)}))}function ve(n,t,i){var e=S({},n.attrs);i!=null&&i.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=i.colorChannel1);var r=t.defIds;return!r||r.length===0||(n.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],a=o[1];typeof a=="string"&&(e[s]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function he(n,t){var i,e=t.defIds;return!e||e.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?S(S({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?S(S({},r),{attrs:S(S({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):n}function _e(){return Math.random().toString(36).substring(2,8)}k.displayName="UniverIcon";var fe={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"}}]},G=p.forwardRef(function(n,t){return p.createElement(k,Object.assign({},n,{id:"check-mark-single",ref:t,icon:fe}))});G.displayName="CheckMarkSingle";var Se={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"}}]},q=p.forwardRef(function(n,t){return p.createElement(k,Object.assign({},n,{id:"close-single",ref:t,icon:Se}))});q.displayName="CloseSingle";const 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"},pe="ZEN_EDITOR_PLUGIN_ZEN_EDITOR_COMPONENT";function ge(){const n=p.useRef(null),t=V.useDependency(T.IRenderManagerService),i=V.useDependency(B),e=V.useDependency(c.ICommandService);p.useEffect(()=>{const s=n.current;if(!s)return;const a=t.currentRender$.subscribe(u=>{var E;if(u!==f)return;const v=(E=t.getRenderById(f))==null?void 0:E.engine;v==null||v.setContainer(s)}),l=new ResizeObserver(()=>{const u=s.getBoundingClientRect();i.setPosition(u)});return l.observe(s),()=>{l.unobserve(s),a.unsubscribe()}},[]);function r(){e.executeCommand(x.id)}function o(){e.executeCommand(U.id)}return m.jsxs("div",{className:C.zenEditor,children:[m.jsxs("div",{className:C.zenEditorIconWrapper,children:[m.jsx("span",{className:K(C.zenEditorIconContainer,C.zenEditorIconError),onClick:r,children:m.jsx(q,{style:{fontSize:"22px"}})}),m.jsx("span",{className:K(C.zenEditorIconContainer,C.zenEditorIconSuccess),onClick:o,children:m.jsx(G,{style:{fontSize:"22px"}})})]}),m.jsx("div",{className:C.zenEditorCanvasContainer,ref:n})]})}const Ee={id:U.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ENTER|_.MetaKeys.ALT},Ie={id:x.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ESC};function J(n){return n.getContextValue(c.FOCUSING_DOC)&&n.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(c.EDITOR_ACTIVATED)&&!n.getContextValue(c.FOCUSING_EDITOR_STANDALONE)}var me=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,Oe=(n,t,i,e)=>{for(var r=e>1?void 0:e?Ce(t,i):t,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(e?s(t,i,r):s(r))||r);return e&&r&&me(t,i,r),r},z=(n,t)=>(i,e)=>t(i,e,n);const ye={};let D=class extends c.Disposable{constructor(n,t,i,e,r,o){super(),this._config=n,this._injector=t,this._zenZoneService=i,this._commandService=e,this._menuService=r,this._shortcutService=o,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(pe,ge))}_initCommands(){[b,x,U].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[re].forEach(t=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t),n))})}_initShortcuts(){[Ee,Ie].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};D=Oe([c.OnLifecycle(c.LifecycleStages.Rendered,D),z(1,h.Inject(h.Injector)),z(2,_.IZenZoneService),z(3,c.ICommandService),z(4,_.IMenuService),z(5,_.IShortcutService)],D);var Te=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,Ne=(n,t,i,e)=>{for(var r=e>1?void 0:e?Re(t,i):t,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(e?s(t,i,r):s(r))||r);return e&&r&&Te(t,i,r),r},Q=(n,t)=>(i,e)=>t(i,e,n);d.UniverSheetsZenEditorPlugin=(Z=class extends c.Plugin{constructor(t={},i,e){super(),this._config=t,this._injector=i,this._localeService=e,this._initializeDependencies(this._injector),this._config=c.Tools.deepMerge({},ye,this._config)}_initializeDependencies(t){[[D,{useFactory:()=>this._injector.createInstance(D,this._config)}],[M],[B,{useClass:ee}]].forEach(e=>t.add(e))}},O(Z,"pluginName","zen-editor"),O(Z,"type",c.UniverInstanceType.UNIVER_DOC),Z),d.UniverSheetsZenEditorPlugin=Ne([Q(1,h.Inject(h.Injector)),Q(2,h.Inject(c.LocaleService))],d.UniverSheetsZenEditorPlugin),d.CancelZenEditCommand=x,d.ConfirmZenEditCommand=U,d.OpenZenEditorOperation=b,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+ */var ie=E,re=Symbol.for("react.element"),se=Symbol.for("react.fragment"),oe=Object.prototype.hasOwnProperty,ce=ie.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ae={key:!0,ref:!0,__self:!0,__source:!0};function K(n,t,i){var e,r={},c=null,o=null;i!==void 0&&(c=""+i),t.key!==void 0&&(c=""+t.key),t.ref!==void 0&&(o=t.ref);for(e in t)oe.call(t,e)&&!ae.hasOwnProperty(e)&&(r[e]=t[e]);if(n&&n.defaultProps)for(e in t=n.defaultProps,t)r[e]===void 0&&(r[e]=t[e]);return{$$typeof:re,type:n,key:c,ref:o,props:r,_owner:ce.current}}L.Fragment=se,L.jsx=K,L.jsxs=K,Y.exports=L;var y=Y.exports,f=function(){return f=Object.assign||function(n){for(var t,i=1,e=arguments.length;i<e;i++){t=arguments[i];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},f.apply(this,arguments)},de=function(n,t){var i={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0&&(i[e]=n[e]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(n);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(n,e[r])&&(i[e[r]]=n[e[r]]);return i},B=E.forwardRef(function(n,t){var i=n.icon,e=n.id,r=n.className,c=n.extend,o=de(n,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=E.useRef("_".concat(ve()));return H(i,"".concat(e),{defIds:i.defIds,idSuffix:l.current},f({ref:t,className:a},o),c)});function H(n,t,i,e,r){return E.createElement(n.tag,f(f({key:t},le(n,i,r)),e),(ue(n,i).children||[]).map(function(c,o){return H(c,"".concat(t,"-").concat(n.tag,"-").concat(o),i,void 0,r)}))}function le(n,t,i){var e=f({},n.attrs);i!=null&&i.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=i.colorChannel1);var r=t.defIds;return!r||r.length===0||(n.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(c){var o=c[0],a=c[1];typeof a=="string"&&(e[o]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function ue(n,t){var i,e=t.defIds;return!e||e.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?f(f({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?f(f({},r),{attrs:f(f({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):n}function ve(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var _e={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"}}]},X=E.forwardRef(function(n,t){return E.createElement(B,Object.assign({},n,{id:"check-mark-single",ref:t,icon:_e}))});X.displayName="CheckMarkSingle";var he={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"}}]},$=E.forwardRef(function(n,t){return E.createElement(B,Object.assign({},n,{id:"close-single",ref:t,icon:he}))});$.displayName="CloseSingle";const T={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"},fe="ZEN_EDITOR_PLUGIN_ZEN_EDITOR_COMPONENT";function ge(){const n=E.useRef(null),t=s.useDependency(U.IRenderManagerService),i=s.useDependency(V),e=s.useDependency(s.ICommandService);E.useEffect(()=>{const o=n.current;if(!o)return;const a=t.currentRender$.subscribe(g=>{var I;if(g!==h)return;const u=(I=t.getRenderById(h))==null?void 0:I.engine;u==null||u.setContainer(o)}),l=new ResizeObserver(()=>{const g=o.getBoundingClientRect();i.setPosition(g)});return l.observe(o),()=>{l.unobserve(o),a.unsubscribe()}},[]);function r(){e.executeCommand(w.id)}function c(){e.executeCommand(Z.id)}return y.jsxs("div",{className:T.zenEditor,children:[y.jsxs("div",{className:T.zenEditorIconWrapper,children:[y.jsx("span",{className:W(T.zenEditorIconContainer,T.zenEditorIconError),onClick:r,children:y.jsx($,{style:{fontSize:"22px"}})}),y.jsx("span",{className:W(T.zenEditorIconContainer,T.zenEditorIconSuccess),onClick:c,children:y.jsx(X,{style:{fontSize:"22px"}})})]}),y.jsx("div",{className:T.zenEditorCanvasContainer,ref:n})]})}const pe={id:Z.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>G(n),binding:v.KeyCode.ENTER|v.MetaKeys.ALT},Se={id:w.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>G(n),binding:v.KeyCode.ESC};function G(n){return n.getContextValue(s.FOCUSING_DOC)&&n.getContextValue(s.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(s.EDITOR_ACTIVATED)&&!n.getContextValue(s.FOCUSING_EDITOR_STANDALONE)}var Ie=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,me=(n,t,i,e)=>{for(var r=e>1?void 0:e?Ee(t,i):t,c=n.length-1,o;c>=0;c--)(o=n[c])&&(r=(e?o(t,i,r):o(r))||r);return e&&r&&Ie(t,i,r),r},x=(n,t)=>(i,e)=>t(i,e,n);const Ce={};let M=class extends s.Disposable{constructor(n,t,i,e,r,c){super(),this._config=n,this._injector=t,this._zenZoneService=i,this._commandService=e,this._menuService=r,this._shortcutService=c,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(fe,ge))}_initCommands(){[D,w,Z].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[ne].forEach(t=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t),n))})}_initShortcuts(){[pe,Se].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};M=me([s.OnLifecycle(s.LifecycleStages.Rendered,M),x(1,s.Inject(s.Injector)),x(2,v.IZenZoneService),x(3,s.ICommandService),x(4,v.IMenuService),x(5,v.IShortcutService)],M);var Oe=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,Te=(n,t,i,e)=>{for(var r=e>1?void 0:e?ye(t,i):t,c=n.length-1,o;c>=0;c--)(o=n[c])&&(r=(e?o(t,i,r):o(r))||r);return e&&r&&Oe(t,i,r),r},q=(n,t)=>(i,e)=>t(i,e,n);d.UniverSheetsZenEditorPlugin=(A=class extends s.Plugin{constructor(t={},i,e){super(),this._config=t,this._injector=i,this._localeService=e,this._initializeDependencies(this._injector),this._config=s.Tools.deepMerge({},Ce,this._config)}_initializeDependencies(t){[[M,{useFactory:()=>this._injector.createInstance(M,this._config)}],[P],[V,{useClass:J}]].forEach(e=>t.add(e))}},N(A,"pluginName","zen-editor"),N(A,"type",s.UniverInstanceType.UNIVER_DOC),A),d.UniverSheetsZenEditorPlugin=Te([q(1,s.Inject(s.Injector)),q(2,s.Inject(s.LocaleService))],d.UniverSheetsZenEditorPlugin),d.CancelZenEditCommand=w,d.ConfirmZenEditCommand=Z,d.OpenZenEditorOperation=D,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/sheets-zen-editor",
-  "version": "0.2.2",
+  "version": "0.2.4-alpha.0",
   "private": false,
   "description": "Zen Editor plugin for Univer Sheets.",
   "author": "DreamNum <developer@univer.ai>",
@@ -50,38 +50,36 @@
     "lib"
   ],
   "peerDependencies": {
-    "@wendellhu/redi": "0.15.5",
     "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
     "rxjs": ">=7.0.0",
-    "@univerjs/docs": "0.2.2",
-    "@univerjs/engine-render": "0.2.2",
-    "@univerjs/sheets": "0.2.2",
-    "@univerjs/sheets-ui": "0.2.2",
-    "@univerjs/core": "0.2.2",
-    "@univerjs/ui": "0.2.2"
+    "@univerjs/docs": "0.2.4-alpha.0",
+    "@univerjs/core": "0.2.4-alpha.0",
+    "@univerjs/engine-render": "0.2.4-alpha.0",
+    "@univerjs/sheets-ui": "0.2.4-alpha.0",
+    "@univerjs/sheets": "0.2.4-alpha.0",
+    "@univerjs/ui": "0.2.4-alpha.0"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.1.58",
-    "@univerjs/sheets": "0.2.2"
+    "@univerjs/icons": "^0.1.64",
+    "@univerjs/sheets": "0.2.4-alpha.0"
   },
   "devDependencies": {
-    "@wendellhu/redi": "0.15.5",
     "clsx": "^2.1.1",
     "less": "^4.2.0",
     "react": "18.3.1",
     "rxjs": "^7.8.1",
     "typescript": "^5.5.3",
-    "vite": "^5.3.3",
-    "vitest": "^1.6.0",
-    "@univerjs/core": "0.2.2",
-    "@univerjs/design": "0.2.2",
-    "@univerjs/docs": "0.2.2",
-    "@univerjs/engine-render": "0.2.2",
-    "@univerjs/shared": "0.2.2",
-    "@univerjs/sheets": "0.2.2",
-    "@univerjs/ui": "0.2.2",
-    "@univerjs/sheets-ui": "0.2.2"
+    "vite": "^5.3.4",
+    "vitest": "^2.0.3",
+    "@univerjs/design": "0.2.4-alpha.0",
+    "@univerjs/core": "0.2.4-alpha.0",
+    "@univerjs/docs": "0.2.4-alpha.0",
+    "@univerjs/engine-render": "0.2.4-alpha.0",
+    "@univerjs/shared": "0.2.4-alpha.0",
+    "@univerjs/sheets-ui": "0.2.4-alpha.0",
+    "@univerjs/ui": "0.2.4-alpha.0",
+    "@univerjs/sheets": "0.2.4-alpha.0"
   },
   "univerSpace": {
     ".": {