@univerjs/sheets-zen-editor 0.1.2 → 0.1.4

package/README.md

@@ -2,6 +2,8 @@
 
 [![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)
 
 ## Introduction
 

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var Q=Object.defineProperty;var ee=(e,t,i)=>t in e?Q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i;var O=(e,t,i)=>(ee(e,typeof t!="symbol"?t+"":t,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),g=require("@wendellhu/redi"),E=require("@univerjs/docs"),M=require("@univerjs/engine-render"),N=require("@univerjs/sheets-ui"),u=require("@univerjs/ui"),k=require("rxjs"),S=require("react"),j=require("@wendellhu/redi/react-bindings"),$=require("clsx"),Z={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:e=>!0};class te{constructor(){O(this,"_position",null);O(this,"_position$",new k.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 L=g.createIdentifier("univer.sheet-zen-editor-manager.service");var ne=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,re=(e,t,i,n)=>{for(var r=n>1?void 0:n?ie(t,i):t,s=e.length-1,o;s>=0;s--)(o=e[s])&&(r=(n?o(t,i,r):o(r))||r);return n&&r&&ne(t,i,r),r},f=(e,t)=>(i,n)=>t(i,n,e);const v="__defaultDocumentZenEditorSpecialUnitId_20231218__";let b=class extends c.RxDisposable{constructor(e,t,i,n,r,s,o,a,d,l){super(),this._currentUniverService=e,this._zenEditorManagerService=t,this._renderManagerService=i,this._commandService=n,this._zenZoneService=r,this._editorBridgeService=s,this._undoRedoService=o,this._textSelectionManagerService=a,this._docSkeletonManagerService=d,this._docViewModelManagerService=l,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener(),this._createZenEditorInstance()}_createZenEditorInstance(){const e={id:v,body:{dataStream:`${c.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}}};this._currentUniverService.createDoc(e)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(k.takeUntil(this.dispose$)).subscribe(e=>{var a;if(e==null)return;const t=N.getEditorObject(v,this._renderManagerService),i=this._currentUniverService.getUniverDocInstance(v);if(t==null||i==null)return;const{width:n,height:r}=e,{engine:s}=t,o=(a=this._docSkeletonManagerService.getSkeletonByUnitId(v))==null?void 0:a.skeleton;requestIdleCallback(()=>{s.resizeBySize(n,r),this._calculatePagePosition(t),o&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(v),this._currentUniverService.focusUniverInstance(v),this._currentUniverService.setCurrentUniverDocInstance(v),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:M.DeviceInputEventType.PointerDown});const t=this._editorBridgeService.getLatestEditCellState();if(t==null)return;this._editorSyncHandler(t);const i=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(i)}_editorSyncHandler(e){var s,o;const t=(s=e.documentLayoutObject.documentModel)==null?void 0:s.getBody(),i=t==null?void 0:t.dataStream,n=t==null?void 0:t.paragraphs;let r=[];i==null||n==null||((o=t==null?void 0:t.textRuns)!=null&&o.length&&(r=t==null?void 0:t.textRuns),this._syncContentAndRender(v,i,n,r))}_syncContentAndRender(e,t,i,n=[]){const r=[v,c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],s=this._docSkeletonManagerService.getSkeletonByUnitId(e),o=this._currentUniverService.getUniverDocInstance(e),a=this._docViewModelManagerService.getViewModel(e);if(o==null||a==null||s==null)return;const d=o.getBody();d.dataStream=t,d.paragraphs=i,e===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(d.textRuns=[]),n.length>0&&(d.textRuns=n),a.reset(o);const{skeleton:l}=s,_=this._getDocObject();_!=null&&(l.calculate(),r.includes(e)&&_.document.makeDirty())}_calculatePagePosition(e){const{document:t,scene:i}=e,n=i==null?void 0:i.getParent(),{width:r,height:s,pageMarginLeft:o,pageMarginTop:a}=t;if(n==null||r===Number.POSITIVE_INFINITY||s===Number.POSITIVE_INFINITY)return;const{width:d,height:l}=n;let _=0,m=0,z=0,D=0,R=Number.POSITIVE_INFINITY;const{scaleX:C,scaleY:G}=i.getAncestorScale();d>(r+o*2)*C?(_=d/2-r*C/2,_/=C,z=(d-o*2)/C,R=0):(_=o,z=r+o*2,R=(z-d/C)/2),l>s?(m=l/2-s/2,D=(l-a*2)/G):(m=a,D=s+a*2),i.resize(z,D+200),t.translate(_,m);const U=i.getViewport(E.VIEWPORT_KEY.VIEW_MAIN);if(R!==Number.POSITIVE_INFINITY&&U!=null){const J=U.getBarScroll(R,0).x;U.scrollTo({x:J})}return this}_commandExecutedListener(){const e=[Z.id];this.disposeWithMe(this._commandService.onCommandExecuted(i=>{e.includes(i.id)&&this._handleOpenZenEditor()}));const t=[E.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(t.includes(i.id)){const n=i.params,{unitId:r}=n;if(r===v){const s=this._currentUniverService.getUniverDocInstance(r),o=s==null?void 0:s.getBody(),a=o==null?void 0:o.dataStream,d=o==null?void 0:o.paragraphs,l=o==null?void 0:o.textRuns;if(this._editorBridgeService.changeEditorDirty(!0),a==null||d==null)return;this._syncContentAndRender(c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,a,d,l)}}}))}_getDocObject(){return E.getDocObject(this._currentUniverService,this._renderManagerService)}};b=re([c.OnLifecycle(c.LifecycleStages.Steady,b),f(0,c.IUniverInstanceService),f(1,L),f(2,M.IRenderManagerService),f(3,c.ICommandService),f(4,u.IZenZoneService),f(5,N.IEditorBridgeService),f(6,c.IUndoRedoService),f(7,g.Inject(E.TextSelectionManagerService)),f(8,g.Inject(E.DocSkeletonManagerService)),f(9,g.Inject(E.DocViewModelManagerService))],b);const w={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async e=>{const t=e.get(u.IZenZoneService),i=e.get(N.IEditorBridgeService),n=e.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:M.DeviceInputEventType.Keyboard,keycode:u.KeyCode.ESC}),t.close();const s=n.getCurrentUniverSheetInstance();return n.focusUniverInstance(s.getUnitId()),i.refreshEditCellState(),!0}},A={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async e=>{const t=e.get(u.IZenZoneService),i=e.get(N.IEditorBridgeService),n=e.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:M.DeviceInputEventType.PointerDown}),t.close();const s=n.getCurrentUniverSheetInstance();return n.focusUniverInstance(s.getUnitId()),i.refreshEditCellState(),!0}};function oe(){return{id:Z.id,group:u.MenuGroup.CONTEXT_MENU_OTHERS,type:u.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[u.MenuPosition.CONTEXT_MENU]}}var W={exports:{}},x={};/**
+"use strict";var ee=Object.defineProperty;var te=(i,t,n)=>t in i?ee(i,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[t]=n;var E=(i,t,n)=>(te(i,typeof t!="symbol"?t+"":t,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),p=require("@wendellhu/redi"),C=require("@univerjs/docs"),z=require("@univerjs/engine-render"),N=require("@univerjs/sheets-ui"),v=require("@univerjs/ui"),W=require("rxjs"),g=require("react"),P=require("@wendellhu/redi/react-bindings"),V=require("clsx"),L={id:"zen-editor.operation.open-zen-editor",type:a.CommandType.OPERATION,handler:i=>!0};class ne{constructor(){E(this,"_position",null);E(this,"_position$",new W.BehaviorSubject(null));E(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 w=p.createIdentifier("univer.sheet-zen-editor-manager.service");var ie=Object.defineProperty,re=Object.getOwnPropertyDescriptor,oe=(i,t,n,e)=>{for(var r=e>1?void 0:e?re(t,n):t,o=i.length-1,s;o>=0;o--)(s=i[o])&&(r=(e?s(t,n,r):s(r))||r);return e&&r&&ie(t,n,r),r},S=(i,t)=>(n,e)=>t(n,e,i);const h="__defaultDocumentZenEditorSpecialUnitId_20231218__";let b=class extends a.RxDisposable{constructor(t,n,e,r,o,s,c,d,l,u){super();E(this,"_zenEditorInitialState",!1);this._currentUniverService=t,this._zenEditorManagerService=n,this._renderManagerService=e,this._commandService=r,this._zenZoneService=o,this._editorBridgeService=s,this._undoRedoService=c,this._textSelectionManagerService=d,this._docSkeletonManagerService=l,this._docViewModelManagerService=u,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const t={id:h,body:{dataStream:`${a.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}}};this._currentUniverService.createDoc(t)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(W.takeUntil(this.dispose$)).subscribe(t=>{var d;if(t==null)return;const n=N.getEditorObject(h,this._renderManagerService),e=this._currentUniverService.getUniverDocInstance(h);if(n==null||e==null)return;const{width:r,height:o}=t,{engine:s}=n,c=(d=this._docSkeletonManagerService.getSkeletonByUnitId(h))==null?void 0:d.skeleton;requestIdleCallback(()=>{s.resizeBySize(r,o),this._calculatePagePosition(n),c&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(h),this._currentUniverService.focusUniverInstance(h),this._currentUniverService.setCurrentUniverDocInstance(h),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:z.DeviceInputEventType.PointerDown});const n=this._editorBridgeService.getLatestEditCellState();if(n==null)return;this._editorSyncHandler(n);const e=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(e)}_editorSyncHandler(t){var s,c;const n=(s=t.documentLayoutObject.documentModel)==null?void 0:s.getBody(),e=n==null?void 0:n.dataStream,r=n==null?void 0:n.paragraphs;let o=[];e==null||r==null||((c=n==null?void 0:n.textRuns)!=null&&c.length&&(o=n==null?void 0:n.textRuns),this._syncContentAndRender(h,e,r,o))}_syncContentAndRender(t,n,e,r=[]){const o=[h,a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,a.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],s=this._docSkeletonManagerService.getSkeletonByUnitId(t),c=this._currentUniverService.getUniverDocInstance(t),d=this._docViewModelManagerService.getViewModel(t);if(c==null||d==null||s==null)return;const l=c.getBody();l.dataStream=n,l.paragraphs=e,t===a.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(l.textRuns=[]),r.length>0&&(l.textRuns=r),d.reset(c);const{skeleton:u}=s,f=this._getDocObject();f!=null&&(u.calculate(),o.includes(t)&&f.document.makeDirty())}_calculatePagePosition(t){const{document:n,scene:e}=t,r=e==null?void 0:e.getParent(),{width:o,height:s,pageMarginLeft:c,pageMarginTop:d}=n;if(r==null||o===Number.POSITIVE_INFINITY||s===Number.POSITIVE_INFINITY)return;const{width:l,height:u}=r;let f=0,D=0,M=0,U=0,R=Number.POSITIVE_INFINITY;const{scaleX:O,scaleY:J}=e.getAncestorScale();l>(o+c*2)*O?(f=l/2-o*O/2,f/=O,M=(l-c*2)/O,R=0):(f=c,M=o+c*2,R=(M-l/O)/2),u>s?(D=u/2-s/2,U=(u-d*2)/J):(D=d,U=s+d*2),e.resize(M,U+200),n.translate(f,D);const j=e.getViewport(C.VIEWPORT_KEY.VIEW_MAIN);if(R!==Number.POSITIVE_INFINITY&&j!=null){const Q=j.getBarScroll(R,0).x;j.scrollTo({x:Q})}return this}_commandExecutedListener(){const t=[L.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{t.includes(e.id)&&this._handleOpenZenEditor()}));const n=[C.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(n.includes(e.id)){const r=e.params,{unitId:o}=r;if(o===h){const s=this._currentUniverService.getUniverDocInstance(o),c=s==null?void 0:s.getBody(),d=c==null?void 0:c.dataStream,l=c==null?void 0:c.paragraphs,u=c==null?void 0:c.textRuns;if(this._editorBridgeService.changeEditorDirty(!0),d==null||l==null)return;this._syncContentAndRender(a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,d,l,u)}}}))}_getDocObject(){return C.getDocObject(this._currentUniverService,this._renderManagerService)}};b=oe([a.OnLifecycle(a.LifecycleStages.Steady,b),S(0,a.IUniverInstanceService),S(1,w),S(2,z.IRenderManagerService),S(3,a.ICommandService),S(4,v.IZenZoneService),S(5,N.IEditorBridgeService),S(6,a.IUndoRedoService),S(7,p.Inject(C.TextSelectionManagerService)),S(8,p.Inject(C.DocSkeletonManagerService)),S(9,p.Inject(C.DocViewModelManagerService))],b);const A={id:"zen-editor.command.cancel-zen-edit",type:a.CommandType.COMMAND,handler:async i=>{const t=i.get(v.IZenZoneService),n=i.get(N.IEditorBridgeService),e=i.get(a.IUniverInstanceService);n.isVisible().visible&&n.changeVisible({visible:!1,eventType:z.DeviceInputEventType.Keyboard,keycode:v.KeyCode.ESC}),t.close();const o=e.getCurrentUniverSheetInstance();return e.focusUniverInstance(o.getUnitId()),n.refreshEditCellState(),!0}},$={id:"zen-editor.command.confirm-zen-edit",type:a.CommandType.COMMAND,handler:async i=>{const t=i.get(v.IZenZoneService),n=i.get(N.IEditorBridgeService),e=i.get(a.IUniverInstanceService);n.isVisible().visible&&n.changeVisible({visible:!1,eventType:z.DeviceInputEventType.PointerDown}),t.close();const o=e.getCurrentUniverSheetInstance();return e.focusUniverInstance(o.getUnitId()),n.refreshEditCellState(),!0}};function se(){return{id:L.id,group:v.MenuGroup.CONTEXT_MENU_OTHERS,type:v.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[v.MenuPosition.CONTEXT_MENU]}}var q={exports:{}},x={};/**
  * @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=S,ce=Symbol.for("react.element"),ae=Symbol.for("react.fragment"),de=Object.prototype.hasOwnProperty,le=se.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ue={key:!0,ref:!0,__self:!0,__source:!0};function q(e,t,i){var n,r={},s=null,o=null;i!==void 0&&(s=""+i),t.key!==void 0&&(s=""+t.key),t.ref!==void 0&&(o=t.ref);for(n in t)de.call(t,n)&&!ue.hasOwnProperty(n)&&(r[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps,t)r[n]===void 0&&(r[n]=t[n]);return{$$typeof:ce,type:e,key:s,ref:o,props:r,_owner:le.current}}x.Fragment=ae;x.jsx=q;x.jsxs=q;W.exports=x;var p=W.exports,h=function(){return h=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(this,arguments)},ve=function(e,t){var i={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(i[n[r]]=e[n[r]]);return i},B=S.forwardRef(function(e,t){var i=e.icon,n=e.id,r=e.className,s=e.extend,o=ve(e,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(n," ").concat(r||"").trim(),d=S.useRef("_".concat(fe()));return F(i,"".concat(n),{defIds:i.defIds,idSuffix:d.current},h({ref:t,className:a},o),s)});function F(e,t,i,n,r){return S.createElement(e.tag,h(h({key:t},he(e,i,r)),n),(_e(e,i).children||[]).map(function(s,o){return F(s,"".concat(t,"-").concat(e.tag,"-").concat(o),i,void 0,r)}))}function he(e,t,i){var n=h({},e.attrs);i!=null&&i.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=i.colorChannel1);var r=t.defIds;return!r||r.length===0||(e.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+t.idSuffix),Object.entries(n).forEach(function(s){var o=s[0],a=s[1];typeof a=="string"&&(n[o]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),n}function _e(e,t){var i,n=t.defIds;return!n||n.length===0?e:e.tag==="defs"&&(!((i=e.children)===null||i===void 0)&&i.length)?h(h({},e),{children:e.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+t.idSuffix})}):r})}):e}function fe(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var Se={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.44 3.57291C14.698 3.83093 14.698 4.24927 14.44 4.50729L6.44342 12.5037C6.28721 12.6599 6.03395 12.6599 5.87774 12.5037L1.55992 8.18578C1.3019 7.92776 1.3019 7.50942 1.55993 7.2514C1.81795 6.99338 2.23629 6.99338 2.49431 7.25141L6.01916 10.7763C6.09727 10.8544 6.2239 10.8544 6.30201 10.7763L13.5056 3.57291C13.7636 3.31489 14.1819 3.31489 14.44 3.57291Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Y=S.forwardRef(function(e,t){return S.createElement(B,Object.assign({},e,{id:"check-mark-single",ref:t,icon:Se}))});Y.displayName="CheckMarkSingle";const ge=Y;var pe={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M4.57061 3.65132C4.31677 3.39748 3.90521 3.39748 3.65137 3.65132C3.39753 3.90516 3.39753 4.31672 3.65137 4.57056L7.08079 7.99998L3.65123 11.4295C3.39739 11.6834 3.39739 12.0949 3.65123 12.3488C3.90507 12.6026 4.31662 12.6026 4.57047 12.3488L8.00003 8.91921L11.4295 12.3487C11.6834 12.6026 12.0949 12.6026 12.3488 12.3487C12.6026 12.0949 12.6026 11.6833 12.3488 11.4295L8.91927 7.99998L12.3486 4.57061C12.6025 4.31677 12.6025 3.90521 12.3486 3.65137C12.0948 3.39753 11.6832 3.39753 11.4294 3.65137L8.00003 7.08074L4.57061 3.65132Z"}}]},K=S.forwardRef(function(e,t){return S.createElement(B,Object.assign({},e,{id:"close-single",ref:t,icon:pe}))});K.displayName="CloseSingle";const Ie=K,me="univer-zen-editor",Ee="univer-zen-editor-icon-wrapper",Ce="univer-zen-editor-icon-container",Oe="univer-zen-editor-icon-success",ye="univer-zen-editor-icon-error",Me="univer-zen-editor-canvas-container",I={zenEditor:me,zenEditorIconWrapper:Ee,zenEditorIconContainer:Ce,zenEditorIconSuccess:Oe,zenEditorIconError:ye,zenEditorCanvasContainer:Me},ze="ZEN_EDITOR_PLUGIN_",Re=`${ze}ZEN_EDITOR_COMPONENT`;function be(){const e=S.useRef(null),t=j.useDependency(M.IRenderManagerService),i=j.useDependency(L),n=j.useDependency(c.ICommandService);S.useEffect(()=>{const o=e.current;if(!o)return;const a=t.currentRender$.subscribe(l=>{var m;if(l!==v)return;const _=(m=t.getRenderById(v))==null?void 0:m.engine;_==null||_.setContainer(o)}),d=new ResizeObserver(()=>{const l=o.getBoundingClientRect();i.setPosition(l)});return d.observe(o),()=>{d.unobserve(o),a.unsubscribe()}},[]);function r(){n.executeCommand(w.id)}function s(){n.executeCommand(A.id)}return p.jsxs("div",{className:I.zenEditor,children:[p.jsxs("div",{className:I.zenEditorIconWrapper,children:[p.jsx("span",{className:$(I.zenEditorIconContainer,I.zenEditorIconError),onClick:r,children:p.jsx(Ie,{style:{fontSize:"22px"}})}),p.jsx("span",{className:$(I.zenEditorIconContainer,I.zenEditorIconSuccess),onClick:s,children:p.jsx(ge,{style:{fontSize:"22px"}})})]}),p.jsx("div",{className:I.zenEditorCanvasContainer,ref:e})]})}const Te={id:A.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:e=>H(e),binding:u.KeyCode.ENTER|u.MetaKeys.ALT},Ne={id:w.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:e=>H(e),binding:u.KeyCode.ESC};function H(e){return e.getContextValue(c.FOCUSING_DOC)&&e.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(c.EDITOR_ACTIVATED)}var xe=Object.defineProperty,De=Object.getOwnPropertyDescriptor,Ue=(e,t,i,n)=>{for(var r=n>1?void 0:n?De(t,i):t,s=e.length-1,o;s>=0;s--)(o=e[s])&&(r=(n?o(t,i,r):o(r))||r);return n&&r&&xe(t,i,r),r},y=(e,t)=>(i,n)=>t(i,n,e);let T=class extends c.Disposable{constructor(e,t,i,n,r){super(),this._injector=e,this._zenZoneService=t,this._commandService=i,this._menuService=n,this._shortcutService=r,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(Re,be))}_initCommands(){[Z,w,A].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){[oe].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}_initShortcuts(){[Te,Ne].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};T=Ue([c.OnLifecycle(c.LifecycleStages.Rendered,T),y(0,g.Inject(g.Injector)),y(1,u.IZenZoneService),y(2,c.ICommandService),y(3,u.IMenuService),y(4,u.IShortcutService)],T);const je={shortcut:{sheet:{"zen-edit-cancel":"Cancel Zen Edit","zen-edit-confirm":"Confirm Zen Edit"}}},X={shortcut:{sheet:{"zen-edit-cancel":"取消编辑(禅模式状态)","zen-edit-confirm":"放弃编辑(禅模式状态)"}}};var Pe=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,Le=(e,t,i,n)=>{for(var r=n>1?void 0:n?Ze(t,i):t,s=e.length-1,o;s>=0;s--)(o=e[s])&&(r=(n?o(t,i,r):o(r))||r);return n&&r&&Pe(t,i,r),r},V=(e,t)=>(i,n)=>t(i,n,e),P;exports.UniverSheetsZenEditorPlugin=(P=class extends c.Plugin{constructor(t,i,n){super("zen-editor"),this._injector=i,this._localeService=n,this._initialize(),this._initializeDependencies(this._injector)}_initialize(){this._localeService.load({zhCN:X})}_initializeDependencies(t){[[T],[b],[L,{useClass:te}]].forEach(n=>t.add(n))}onRendered(){}onDestroy(){}},O(P,"type",c.PluginType.Doc),P);exports.UniverSheetsZenEditorPlugin=Le([V(1,g.Inject(g.Injector)),V(2,g.Inject(c.LocaleService))],exports.UniverSheetsZenEditorPlugin);exports.enUS=je;exports.zhCN=X;
+ */var ce=g,ae=Symbol.for("react.element"),de=Symbol.for("react.fragment"),le=Object.prototype.hasOwnProperty,ue=ce.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ve={key:!0,ref:!0,__self:!0,__source:!0};function F(i,t,n){var e,r={},o=null,s=null;n!==void 0&&(o=""+n),t.key!==void 0&&(o=""+t.key),t.ref!==void 0&&(s=t.ref);for(e in t)le.call(t,e)&&!ve.hasOwnProperty(e)&&(r[e]=t[e]);if(i&&i.defaultProps)for(e in t=i.defaultProps,t)r[e]===void 0&&(r[e]=t[e]);return{$$typeof:ae,type:i,key:o,ref:s,props:r,_owner:ue.current}}x.Fragment=de;x.jsx=F;x.jsxs=F;q.exports=x;var I=q.exports,_=function(){return _=Object.assign||function(i){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(i[r]=t[r])}return i},_.apply(this,arguments)},he=function(i,t){var n={};for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&t.indexOf(e)<0&&(n[e]=i[e]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(i);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(i,e[r])&&(n[e[r]]=i[e[r]]);return n},B=g.forwardRef(function(i,t){var n=i.icon,e=i.id,r=i.className,o=i.extend,s=he(i,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),d=g.useRef("_".concat(Se()));return Y(n,"".concat(e),{defIds:n.defIds,idSuffix:d.current},_({ref:t,className:c},s),o)});function Y(i,t,n,e,r){return g.createElement(i.tag,_(_({key:t},_e(i,n,r)),e),(fe(i,n).children||[]).map(function(o,s){return Y(o,"".concat(t,"-").concat(i.tag,"-").concat(s),n,void 0,r)}))}function _e(i,t,n){var e=_({},i.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r||r.length===0||(i.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function fe(i,t){var n,e=t.defIds;return!e||e.length===0?i:i.tag==="defs"&&(!((n=i.children)===null||n===void 0)&&n.length)?_(_({},i),{children:i.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?_(_({},r),{attrs:_(_({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):i}function Se(){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.44 3.57291C14.698 3.83093 14.698 4.24927 14.44 4.50729L6.44342 12.5037C6.28721 12.6599 6.03395 12.6599 5.87774 12.5037L1.55992 8.18578C1.3019 7.92776 1.3019 7.50942 1.55993 7.2514C1.81795 6.99338 2.23629 6.99338 2.49431 7.25141L6.01916 10.7763C6.09727 10.8544 6.2239 10.8544 6.30201 10.7763L13.5056 3.57291C13.7636 3.31489 14.1819 3.31489 14.44 3.57291Z",fillRule:"evenodd",clipRule:"evenodd"}}]},K=g.forwardRef(function(i,t){return g.createElement(B,Object.assign({},i,{id:"check-mark-single",ref:t,icon:ge}))});K.displayName="CheckMarkSingle";const pe=K;var Ie={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M4.57061 3.65132C4.31677 3.39748 3.90521 3.39748 3.65137 3.65132C3.39753 3.90516 3.39753 4.31672 3.65137 4.57056L7.08079 7.99998L3.65123 11.4295C3.39739 11.6834 3.39739 12.0949 3.65123 12.3488C3.90507 12.6026 4.31662 12.6026 4.57047 12.3488L8.00003 8.91921L11.4295 12.3487C11.6834 12.6026 12.0949 12.6026 12.3488 12.3487C12.6026 12.0949 12.6026 11.6833 12.3488 11.4295L8.91927 7.99998L12.3486 4.57061C12.6025 4.31677 12.6025 3.90521 12.3486 3.65137C12.0948 3.39753 11.6832 3.39753 11.4294 3.65137L8.00003 7.08074L4.57061 3.65132Z"}}]},H=g.forwardRef(function(i,t){return g.createElement(B,Object.assign({},i,{id:"close-single",ref:t,icon:Ie}))});H.displayName="CloseSingle";const me=H,Ee="univer-zen-editor",Ce="univer-zen-editor-icon-wrapper",Oe="univer-zen-editor-icon-container",ye="univer-zen-editor-icon-success",ze="univer-zen-editor-icon-error",Me="univer-zen-editor-canvas-container",m={zenEditor:Ee,zenEditorIconWrapper:Ce,zenEditorIconContainer:Oe,zenEditorIconSuccess:ye,zenEditorIconError:ze,zenEditorCanvasContainer:Me},Re="ZEN_EDITOR_PLUGIN_",be=`${Re}ZEN_EDITOR_COMPONENT`;function Te(){const i=g.useRef(null),t=P.useDependency(z.IRenderManagerService),n=P.useDependency(w),e=P.useDependency(a.ICommandService);g.useEffect(()=>{const s=i.current;if(!s)return;const c=t.currentRender$.subscribe(l=>{var f;if(l!==h)return;const u=(f=t.getRenderById(h))==null?void 0:f.engine;u==null||u.setContainer(s)}),d=new ResizeObserver(()=>{const l=s.getBoundingClientRect();n.setPosition(l)});return d.observe(s),()=>{d.unobserve(s),c.unsubscribe()}},[]);function r(){e.executeCommand(A.id)}function o(){e.executeCommand($.id)}return I.jsxs("div",{className:m.zenEditor,children:[I.jsxs("div",{className:m.zenEditorIconWrapper,children:[I.jsx("span",{className:V(m.zenEditorIconContainer,m.zenEditorIconError),onClick:r,children:I.jsx(me,{style:{fontSize:"22px"}})}),I.jsx("span",{className:V(m.zenEditorIconContainer,m.zenEditorIconSuccess),onClick:o,children:I.jsx(pe,{style:{fontSize:"22px"}})})]}),I.jsx("div",{className:m.zenEditorCanvasContainer,ref:i})]})}const Ne={id:$.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:i=>X(i),binding:v.KeyCode.ENTER|v.MetaKeys.ALT},xe={id:A.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:i=>X(i),binding:v.KeyCode.ESC};function X(i){return i.getContextValue(a.FOCUSING_DOC)&&i.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(a.EDITOR_ACTIVATED)}var De=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,je=(i,t,n,e)=>{for(var r=e>1?void 0:e?Ue(t,n):t,o=i.length-1,s;o>=0;o--)(s=i[o])&&(r=(e?s(t,n,r):s(r))||r);return e&&r&&De(t,n,r),r},y=(i,t)=>(n,e)=>t(n,e,i);let T=class extends a.Disposable{constructor(i,t,n,e,r){super(),this._injector=i,this._zenZoneService=t,this._commandService=n,this._menuService=e,this._shortcutService=r,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(be,Te))}_initCommands(){[L,A,$].forEach(i=>{this.disposeWithMe(this._commandService.registerCommand(i))})}_initMenus(){[se].forEach(i=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)))})}_initShortcuts(){[Ne,xe].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}};T=je([a.OnLifecycle(a.LifecycleStages.Rendered,T),y(0,p.Inject(p.Injector)),y(1,v.IZenZoneService),y(2,a.ICommandService),y(3,v.IMenuService),y(4,v.IShortcutService)],T);const Pe={shortcut:{sheet:{"zen-edit-cancel":"Cancel Zen Edit","zen-edit-confirm":"Confirm Zen Edit"}}},Ze=Pe,Le={shortcut:{sheet:{"zen-edit-cancel":"取消编辑(禅模式状态)","zen-edit-confirm":"放弃编辑(禅模式状态)"}}},G=Le;var we=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,$e=(i,t,n,e)=>{for(var r=e>1?void 0:e?Ae(t,n):t,o=i.length-1,s;o>=0;o--)(s=i[o])&&(r=(e?s(t,n,r):s(r))||r);return e&&r&&we(t,n,r),r},k=(i,t)=>(n,e)=>t(n,e,i),Z;exports.UniverSheetsZenEditorPlugin=(Z=class extends a.Plugin{constructor(t,n,e){super("zen-editor"),this._injector=n,this._localeService=e,this._initialize(),this._initializeDependencies(this._injector)}_initialize(){this._localeService.load({zhCN:G})}_initializeDependencies(t){[[T],[b],[w,{useClass:ne}]].forEach(e=>t.add(e))}onRendered(){}onDestroy(){}},E(Z,"type",a.PluginType.Doc),Z);exports.UniverSheetsZenEditorPlugin=$e([k(1,p.Inject(p.Injector)),k(2,p.Inject(a.LocaleService))],exports.UniverSheetsZenEditorPlugin);exports.enUS=Ze;exports.zhCN=G;

package/lib/es/index.js

@@ -1,59 +1,61 @@
-var ae = Object.defineProperty;
-var de = (e, t, n) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var m = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { CommandType as T, OnLifecycle as X, LifecycleStages as G, RxDisposable as le, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as W, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as F, IUniverInstanceService as D, ICommandService as U, IUndoRedoService as ue, DEFAULT_EMPTY_DOCUMENT_VALUE as he, FOCUSING_DOC as _e, FOCUSING_UNIVER_EDITOR as fe, EDITOR_ACTIVATED as ve, Disposable as ge, Plugin as Se, PluginType as pe, LocaleService as me } from "@univerjs/core";
-import { createIdentifier as Ee, Inject as S, Injector as q } from "@wendellhu/redi";
-import { TextSelectionManagerService as Ie, DocSkeletonManagerService as Ce, DocViewModelManagerService as Oe, VIEWPORT_KEY as ze, RichTextEditingMutation as Me, getDocObject as be } from "@univerjs/docs";
-import { DeviceInputEventType as P, IRenderManagerService as J } from "@univerjs/engine-render";
-import { getEditorObject as ye, IEditorBridgeService as j } from "@univerjs/sheets-ui";
-import { IZenZoneService as M, KeyCode as w, MenuGroup as xe, MenuItemType as Ne, MenuPosition as Re, MetaKeys as Te, IMenuService as De, IShortcutService as Ue } from "@univerjs/ui";
-import { BehaviorSubject as Pe, takeUntil as je } from "rxjs";
-import we, { forwardRef as L, useRef as Q, createElement as Z, useEffect as Le } from "react";
-import { useDependency as N } from "@wendellhu/redi/react-bindings";
-import Y from "clsx";
-const $ = {
+var de = Object.defineProperty;
+var le = (i, e, n) => e in i ? de(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var S = (i, e, n) => (le(i, typeof e != "symbol" ? e + "" : e, n), n);
+import { CommandType as D, RxDisposable as ue, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as F, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Y, OnLifecycle as G, LifecycleStages as q, DEFAULT_EMPTY_DOCUMENT_VALUE as he, IUniverInstanceService as U, ICommandService as P, IUndoRedoService as _e, FOCUSING_DOC as fe, FOCUSING_UNIVER_EDITOR as ve, EDITOR_ACTIVATED as ge, Disposable as Se, Plugin as pe, PluginType as me, LocaleService as Ee } from "@univerjs/core";
+import { createIdentifier as Ie, Inject as p, Injector as J } from "@wendellhu/redi";
+import { VIEWPORT_KEY as Ce, RichTextEditingMutation as Oe, getDocObject as ze, TextSelectionManagerService as Me, DocSkeletonManagerService as be, DocViewModelManagerService as ye } from "@univerjs/docs";
+import { DeviceInputEventType as j, IRenderManagerService as Q } from "@univerjs/engine-render";
+import { getEditorObject as xe, IEditorBridgeService as w } from "@univerjs/sheets-ui";
+import { IZenZoneService as M, KeyCode as L, MenuGroup as Ne, MenuItemType as Re, MenuPosition as Te, MetaKeys as De, IMenuService as Ue, IShortcutService as Pe } from "@univerjs/ui";
+import { BehaviorSubject as je, takeUntil as we } from "rxjs";
+import Le, { forwardRef as Z, useRef as ee, createElement as $, useEffect as Ze } from "react";
+import { useDependency as R } from "@wendellhu/redi/react-bindings";
+import H from "clsx";
+const A = {
   id: "zen-editor.operation.open-zen-editor",
-  type: T.OPERATION,
-  handler: (e) => !0
+  type: D.OPERATION,
+  handler: (i) => !0
 };
-class Ze {
+class $e {
   constructor() {
-    m(this, "_position", null);
-    m(this, "_position$", new Pe(null));
-    m(this, "position$", this._position$.asObservable());
+    S(this, "_position", null);
+    S(this, "_position$", new je(null));
+    S(this, "position$", this._position$.asObservable());
   }
   dispose() {
     this._position$.complete(), this._position = null;
   }
-  setPosition(t) {
-    this._position = t, this._refresh(t);
+  setPosition(e) {
+    this._position = e, this._refresh(e);
   }
   getPosition() {
     return this._position;
   }
-  _refresh(t) {
-    this._position$.next(t);
+  _refresh(e) {
+    this._position$.next(e);
   }
 }
-const A = Ee(
+const V = Ie(
   "univer.sheet-zen-editor-manager.service"
 );
-var $e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, Ve = (e, t, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ae(t, n) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (r = (i ? o(t, n, r) : o(r)) || r);
-  return i && r && $e(t, n, r), r;
-}, _ = (e, t) => (n, i) => t(n, i, e);
-const l = "__defaultDocumentZenEditorSpecialUnitId_20231218__";
-let O = class extends le {
-  constructor(e, t, n, i, r, s, o, c, a, d) {
-    super(), this._currentUniverService = e, this._zenEditorManagerService = t, this._renderManagerService = n, this._commandService = i, this._zenZoneService = r, this._editorBridgeService = s, this._undoRedoService = o, this._textSelectionManagerService = c, this._docSkeletonManagerService = a, this._docViewModelManagerService = d, this._initialize();
+var Ae = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, ke = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ve(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
+  return t && r && Ae(e, n, r), r;
+}, f = (i, e) => (n, t) => e(n, t, i);
+const u = "__defaultDocumentZenEditorSpecialUnitId_20231218__";
+let O = class extends ue {
+  constructor(e, n, t, r, o, s, c, a, d, l) {
+    super();
+    S(this, "_zenEditorInitialState", !1);
+    this._currentUniverService = e, this._zenEditorManagerService = n, this._renderManagerService = t, this._commandService = r, this._zenZoneService = o, this._editorBridgeService = s, this._undoRedoService = c, this._textSelectionManagerService = a, this._docSkeletonManagerService = d, this._docViewModelManagerService = l, this._initialize();
   }
   _initialize() {
-    this._syncZenEditorSize(), this._commandExecutedListener(), this._createZenEditorInstance();
+    this._syncZenEditorSize(), this._commandExecutedListener();
   }
   _createZenEditorInstance() {
     const e = {
-      id: l,
+      id: u,
       body: {
         dataStream: `${he}`,
         textRuns: [],
@@ -82,148 +84,148 @@ let O = class extends le {
   }
   // Listen to changes in the size of the zen editor container to set the size of the editor.
   _syncZenEditorSize() {
-    this._zenEditorManagerService.position$.pipe(je(this.dispose$)).subscribe((e) => {
-      var c;
+    this._zenEditorManagerService.position$.pipe(we(this.dispose$)).subscribe((e) => {
+      var a;
       if (e == null)
         return;
-      const t = ye(l, this._renderManagerService), n = this._currentUniverService.getUniverDocInstance(l);
-      if (t == null || n == null)
+      const n = xe(u, this._renderManagerService), t = this._currentUniverService.getUniverDocInstance(u);
+      if (n == null || t == null)
         return;
-      const { width: i, height: r } = e, { engine: s } = t, o = (c = this._docSkeletonManagerService.getSkeletonByUnitId(l)) == null ? void 0 : c.skeleton;
+      const { width: r, height: o } = e, { engine: s } = n, c = (a = this._docSkeletonManagerService.getSkeletonByUnitId(u)) == null ? void 0 : a.skeleton;
       requestIdleCallback(() => {
-        s.resizeBySize(i, r), this._calculatePagePosition(t), o && this._textSelectionManagerService.refreshSelection();
+        s.resizeBySize(r, o), this._calculatePagePosition(n), c && this._textSelectionManagerService.refreshSelection();
       });
     });
   }
   _handleOpenZenEditor() {
-    this._zenZoneService.open(), this._undoRedoService.clearUndoRedo(l), this._currentUniverService.focusUniverInstance(l), this._currentUniverService.setCurrentUniverDocInstance(l), this._editorBridgeService.isVisible().visible === !1 && this._editorBridgeService.changeVisible({
+    this._zenEditorInitialState || (this._createZenEditorInstance(), this._zenEditorInitialState = !0), this._zenZoneService.open(), this._undoRedoService.clearUndoRedo(u), this._currentUniverService.focusUniverInstance(u), this._currentUniverService.setCurrentUniverDocInstance(u), this._editorBridgeService.isVisible().visible === !1 && this._editorBridgeService.changeVisible({
       visible: !0,
-      eventType: P.PointerDown
+      eventType: j.PointerDown
     });
-    const t = this._editorBridgeService.getLatestEditCellState();
-    if (t == null)
+    const n = this._editorBridgeService.getLatestEditCellState();
+    if (n == null)
       return;
-    this._editorSyncHandler(t);
-    const n = [
+    this._editorSyncHandler(n);
+    const t = [
       {
         startOffset: 0,
         endOffset: 0
       }
     ];
-    this._textSelectionManagerService.replaceTextRanges(n);
+    this._textSelectionManagerService.replaceTextRanges(t);
   }
   _editorSyncHandler(e) {
-    var s, o;
-    const t = (s = e.documentLayoutObject.documentModel) == null ? void 0 : s.getBody(), n = t == null ? void 0 : t.dataStream, i = t == null ? void 0 : t.paragraphs;
-    let r = [];
-    n == null || i == null || ((o = t == null ? void 0 : t.textRuns) != null && o.length && (r = t == null ? void 0 : t.textRuns), this._syncContentAndRender(l, n, i, r));
-  }
-  _syncContentAndRender(e, t, n, i = []) {
-    const r = [
-      l,
-      F,
-      W
-    ], s = this._docSkeletonManagerService.getSkeletonByUnitId(e), o = this._currentUniverService.getUniverDocInstance(e), c = this._docViewModelManagerService.getViewModel(e);
-    if (o == null || c == null || s == null)
+    var s, c;
+    const n = (s = e.documentLayoutObject.documentModel) == null ? void 0 : s.getBody(), t = n == null ? void 0 : n.dataStream, r = n == null ? void 0 : n.paragraphs;
+    let o = [];
+    t == null || r == null || ((c = n == null ? void 0 : n.textRuns) != null && c.length && (o = n == null ? void 0 : n.textRuns), this._syncContentAndRender(u, t, r, o));
+  }
+  _syncContentAndRender(e, n, t, r = []) {
+    const o = [
+      u,
+      Y,
+      F
+    ], s = this._docSkeletonManagerService.getSkeletonByUnitId(e), c = this._currentUniverService.getUniverDocInstance(e), a = this._docViewModelManagerService.getViewModel(e);
+    if (c == null || a == null || s == null)
       return;
-    const a = o.getBody();
-    a.dataStream = t, a.paragraphs = n, e === W && (a.textRuns = []), i.length > 0 && (a.textRuns = i), c.reset(o);
-    const { skeleton: d } = s, h = this._getDocObject();
-    h != null && (d.calculate(), r.includes(e) && h.document.makeDirty());
+    const d = c.getBody();
+    d.dataStream = n, d.paragraphs = t, e === F && (d.textRuns = []), r.length > 0 && (d.textRuns = r), a.reset(c);
+    const { skeleton: l } = s, _ = this._getDocObject();
+    _ != null && (l.calculate(), o.includes(e) && _.document.makeDirty());
   }
   _calculatePagePosition(e) {
-    const { document: t, scene: n } = e, i = n == null ? void 0 : n.getParent(), { width: r, height: s, pageMarginLeft: o, pageMarginTop: c } = t;
-    if (i == null || r === Number.POSITIVE_INFINITY || s === Number.POSITIVE_INFINITY)
+    const { document: n, scene: t } = e, r = t == null ? void 0 : t.getParent(), { width: o, height: s, pageMarginLeft: c, pageMarginTop: a } = n;
+    if (r == null || o === Number.POSITIVE_INFINITY || s === Number.POSITIVE_INFINITY)
       return;
-    const { width: a, height: d } = i;
-    let h = 0, g = 0, I = 0, y = 0, C = Number.POSITIVE_INFINITY;
-    const { scaleX: p, scaleY: se } = n.getAncestorScale();
-    a > (r + o * 2) * p ? (h = a / 2 - r * p / 2, h /= p, I = (a - o * 2) / p, C = 0) : (h = o, I = r + o * 2, C = (I - a / p) / 2), d > s ? (g = d / 2 - s / 2, y = (d - c * 2) / se) : (g = c, y = s + c * 2), n.resize(I, y + 200), t.translate(h, g);
-    const x = n.getViewport(ze.VIEW_MAIN);
-    if (C !== Number.POSITIVE_INFINITY && x != null) {
-      const ce = x.getBarScroll(C, 0).x;
-      x.scrollTo({
-        x: ce
+    const { width: d, height: l } = r;
+    let _ = 0, y = 0, I = 0, x = 0, C = Number.POSITIVE_INFINITY;
+    const { scaleX: m, scaleY: ce } = t.getAncestorScale();
+    d > (o + c * 2) * m ? (_ = d / 2 - o * m / 2, _ /= m, I = (d - c * 2) / m, C = 0) : (_ = c, I = o + c * 2, C = (I - d / m) / 2), l > s ? (y = l / 2 - s / 2, x = (l - a * 2) / ce) : (y = a, x = s + a * 2), t.resize(I, x + 200), n.translate(_, y);
+    const N = t.getViewport(Ce.VIEW_MAIN);
+    if (C !== Number.POSITIVE_INFINITY && N != null) {
+      const ae = N.getBarScroll(C, 0).x;
+      N.scrollTo({
+        x: ae
       });
     }
     return this;
   }
   _commandExecutedListener() {
-    const e = [$.id];
+    const e = [A.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((n) => {
-        e.includes(n.id) && this._handleOpenZenEditor();
+      this._commandService.onCommandExecuted((t) => {
+        e.includes(t.id) && this._handleOpenZenEditor();
       })
     );
-    const t = [Me.id];
+    const n = [Oe.id];
     this.disposeWithMe(
-      this._commandService.onCommandExecuted((n) => {
-        if (t.includes(n.id)) {
-          const i = n.params, { unitId: r } = i;
-          if (r === l) {
-            const s = this._currentUniverService.getUniverDocInstance(r), o = s == null ? void 0 : s.getBody(), c = o == null ? void 0 : o.dataStream, a = o == null ? void 0 : o.paragraphs, d = o == null ? void 0 : o.textRuns;
-            if (this._editorBridgeService.changeEditorDirty(!0), c == null || a == null)
+      this._commandService.onCommandExecuted((t) => {
+        if (n.includes(t.id)) {
+          const r = t.params, { unitId: o } = r;
+          if (o === u) {
+            const s = this._currentUniverService.getUniverDocInstance(o), c = s == null ? void 0 : s.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)
               return;
-            this._syncContentAndRender(F, c, a, d);
+            this._syncContentAndRender(Y, a, d, l);
           }
         }
       })
     );
   }
   _getDocObject() {
-    return be(this._currentUniverService, this._renderManagerService);
+    return ze(this._currentUniverService, this._renderManagerService);
   }
 };
-O = Ve([
-  X(G.Steady, O),
-  _(0, D),
-  _(1, A),
-  _(2, J),
-  _(3, U),
-  _(4, M),
-  _(5, j),
-  _(6, ue),
-  _(7, S(Ie)),
-  _(8, S(Ce)),
-  _(9, S(Oe))
+O = ke([
+  G(q.Steady, O),
+  f(0, U),
+  f(1, V),
+  f(2, Q),
+  f(3, P),
+  f(4, M),
+  f(5, w),
+  f(6, _e),
+  f(7, p(Me)),
+  f(8, p(be)),
+  f(9, p(ye))
 ], O);
-const V = {
+const k = {
   id: "zen-editor.command.cancel-zen-edit",
-  type: T.COMMAND,
-  handler: async (e) => {
-    const t = e.get(M), n = e.get(j), i = e.get(D);
+  type: D.COMMAND,
+  handler: async (i) => {
+    const e = i.get(M), n = i.get(w), t = i.get(U);
     n.isVisible().visible && n.changeVisible({
       visible: !1,
-      eventType: P.Keyboard,
-      keycode: w.ESC
-    }), t.close();
-    const s = i.getCurrentUniverSheetInstance();
-    return i.focusUniverInstance(s.getUnitId()), n.refreshEditCellState(), !0;
+      eventType: j.Keyboard,
+      keycode: L.ESC
+    }), e.close();
+    const o = t.getCurrentUniverSheetInstance();
+    return t.focusUniverInstance(o.getUnitId()), n.refreshEditCellState(), !0;
   }
-}, k = {
+}, B = {
   id: "zen-editor.command.confirm-zen-edit",
-  type: T.COMMAND,
-  handler: async (e) => {
-    const t = e.get(M), n = e.get(j), i = e.get(D);
+  type: D.COMMAND,
+  handler: async (i) => {
+    const e = i.get(M), n = i.get(w), t = i.get(U);
     n.isVisible().visible && n.changeVisible({
       visible: !1,
-      eventType: P.PointerDown
-    }), t.close();
-    const s = i.getCurrentUniverSheetInstance();
-    return i.focusUniverInstance(s.getUnitId()), n.refreshEditCellState(), !0;
+      eventType: j.PointerDown
+    }), e.close();
+    const o = t.getCurrentUniverSheetInstance();
+    return t.focusUniverInstance(o.getUnitId()), n.refreshEditCellState(), !0;
   }
 };
-function ke() {
+function Be() {
   return {
-    id: $.id,
-    group: xe.CONTEXT_MENU_OTHERS,
-    type: Ne.BUTTON,
+    id: A.id,
+    group: Ne.CONTEXT_MENU_OTHERS,
+    type: Re.BUTTON,
     title: "rightClick.zenEditor",
     icon: "AmplifySingle",
-    positions: [Re.CONTEXT_MENU]
+    positions: [Te.CONTEXT_MENU]
   };
 }
-var ee = { exports: {} }, b = {};
+var te = { exports: {} }, b = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -233,270 +235,244 @@ var ee = { exports: {} }, b = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Be = we, We = Symbol.for("react.element"), Fe = Symbol.for("react.fragment"), Ye = Object.prototype.hasOwnProperty, He = Be.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Ke = { key: !0, ref: !0, __self: !0, __source: !0 };
-function te(e, t, n) {
-  var i, r = {}, s = null, o = null;
-  n !== void 0 && (s = "" + n), t.key !== void 0 && (s = "" + t.key), t.ref !== void 0 && (o = t.ref);
-  for (i in t)
-    Ye.call(t, i) && !Ke.hasOwnProperty(i) && (r[i] = t[i]);
-  if (e && e.defaultProps)
-    for (i in t = e.defaultProps, t)
-      r[i] === void 0 && (r[i] = t[i]);
-  return { $$typeof: We, type: e, key: s, ref: o, props: r, _owner: He.current };
+var We = Le, Fe = Symbol.for("react.element"), Ye = Symbol.for("react.fragment"), He = Object.prototype.hasOwnProperty, Ke = We.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Xe = { key: !0, ref: !0, __self: !0, __source: !0 };
+function ne(i, e, n) {
+  var t, r = {}, o = null, s = null;
+  n !== void 0 && (o = "" + n), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
+  for (t in e)
+    He.call(e, t) && !Xe.hasOwnProperty(t) && (r[t] = e[t]);
+  if (i && i.defaultProps)
+    for (t in e = i.defaultProps, e)
+      r[t] === void 0 && (r[t] = e[t]);
+  return { $$typeof: Fe, type: i, key: o, ref: s, props: r, _owner: Ke.current };
 }
-b.Fragment = Fe;
-b.jsx = te;
-b.jsxs = te;
-ee.exports = b;
-var f = ee.exports, u = function() {
-  return u = Object.assign || function(e) {
-    for (var t, n = 1, i = arguments.length; n < i; n++) {
-      t = arguments[n];
-      for (var r in t)
-        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+b.Fragment = Ye;
+b.jsx = ne;
+b.jsxs = ne;
+te.exports = b;
+var v = te.exports, h = function() {
+  return h = Object.assign || function(i) {
+    for (var e, n = 1, t = arguments.length; n < t; n++) {
+      e = arguments[n];
+      for (var r in e)
+        Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
-    return e;
-  }, u.apply(this, arguments);
-}, Xe = function(e, t) {
+    return i;
+  }, h.apply(this, arguments);
+}, Ge = function(i, e) {
   var n = {};
-  for (var i in e)
-    Object.prototype.hasOwnProperty.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, i = Object.getOwnPropertySymbols(e); r < i.length; r++)
-      t.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, i[r]) && (n[i[r]] = e[i[r]]);
+  for (var t in i)
+    Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
+  if (i != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
+      e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, B = L(function(e, t) {
-  var n = e.icon, i = e.id, r = e.className, s = e.extend, o = Xe(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), a = Q("_".concat(Je()));
-  return ne(n, "".concat(i), { defIds: n.defIds, idSuffix: a.current }, u({ ref: t, className: c }, o), s);
+}, W = Z(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Ge(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), a = ee("_".concat(Qe()));
+  return ie(n, "".concat(t), { defIds: n.defIds, idSuffix: a.current }, h({ ref: e, className: c }, s), o);
 });
-function ne(e, t, n, i, r) {
-  return Z(e.tag, u(u({ key: t }, Ge(e, n, r)), i), (qe(e, n).children || []).map(function(s, o) {
-    return ne(s, "".concat(t, "-").concat(e.tag, "-").concat(o), n, void 0, r);
+function ie(i, e, n, t, r) {
+  return $(i.tag, h(h({ key: e }, qe(i, n, r)), t), (Je(i, n).children || []).map(function(o, s) {
+    return ie(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
-function Ge(e, t, n) {
-  var i = u({}, e.attrs);
-  n != null && n.colorChannel1 && i.fill === "colorChannel1" && (i.fill = n.colorChannel1);
-  var r = t.defIds;
-  return !r || r.length === 0 || (e.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + t.idSuffix), Object.entries(i).forEach(function(s) {
-    var o = s[0], c = s[1];
-    typeof c == "string" && (i[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
-  })), i;
+function qe(i, e, n) {
+  var t = h({}, i.attrs);
+  n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
+  var r = e.defIds;
+  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(o) {
+    var s = o[0], c = o[1];
+    typeof c == "string" && (t[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), t;
 }
-function qe(e, t) {
-  var n, i = t.defIds;
-  return !i || i.length === 0 ? e : e.tag === "defs" && (!((n = e.children) === null || n === void 0) && n.length) ? u(u({}, e), { children: e.children.map(function(r) {
-    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? u(u({}, r), { attrs: u(u({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
-  }) }) : e;
+function Je(i, e) {
+  var n, t = e.defIds;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? h(h({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? h(h({}, r), { attrs: h(h({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : i;
 }
-function Je() {
+function Qe() {
   return Math.random().toString(36).substring(2, 8);
 }
-B.displayName = "UniverIcon";
-var Qe = {
-  tag: "svg",
-  attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M14.44 3.57291C14.698 3.83093 14.698 4.24927 14.44 4.50729L6.44342 12.5037C6.28721 12.6599 6.03395 12.6599 5.87774 12.5037L1.55992 8.18578C1.3019 7.92776 1.3019 7.50942 1.55993 7.2514C1.81795 6.99338 2.23629 6.99338 2.49431 7.25141L6.01916 10.7763C6.09727 10.8544 6.2239 10.8544 6.30201 10.7763L13.5056 3.57291C13.7636 3.31489 14.1819 3.31489 14.44 3.57291Z",
-        fillRule: "evenodd",
-        clipRule: "evenodd"
-      }
-    }
-  ]
-}, ie = L(function(e, t) {
-  return Z(B, Object.assign({}, e, {
+W.displayName = "UniverIcon";
+var et = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.44 3.57291C14.698 3.83093 14.698 4.24927 14.44 4.50729L6.44342 12.5037C6.28721 12.6599 6.03395 12.6599 5.87774 12.5037L1.55992 8.18578C1.3019 7.92776 1.3019 7.50942 1.55993 7.2514C1.81795 6.99338 2.23629 6.99338 2.49431 7.25141L6.01916 10.7763C6.09727 10.8544 6.2239 10.8544 6.30201 10.7763L13.5056 3.57291C13.7636 3.31489 14.1819 3.31489 14.44 3.57291Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, re = Z(function(i, e) {
+  return $(W, Object.assign({}, i, {
     id: "check-mark-single",
-    ref: t,
-    icon: Qe
+    ref: e,
+    icon: et
   }));
 });
-ie.displayName = "CheckMarkSingle";
-const et = ie;
-var tt = {
-  tag: "svg",
-  attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M4.57061 3.65132C4.31677 3.39748 3.90521 3.39748 3.65137 3.65132C3.39753 3.90516 3.39753 4.31672 3.65137 4.57056L7.08079 7.99998L3.65123 11.4295C3.39739 11.6834 3.39739 12.0949 3.65123 12.3488C3.90507 12.6026 4.31662 12.6026 4.57047 12.3488L8.00003 8.91921L11.4295 12.3487C11.6834 12.6026 12.0949 12.6026 12.3488 12.3487C12.6026 12.0949 12.6026 11.6833 12.3488 11.4295L8.91927 7.99998L12.3486 4.57061C12.6025 4.31677 12.6025 3.90521 12.3486 3.65137C12.0948 3.39753 11.6832 3.39753 11.4294 3.65137L8.00003 7.08074L4.57061 3.65132Z"
-      }
-    }
-  ]
-}, re = L(function(e, t) {
-  return Z(B, Object.assign({}, e, {
+re.displayName = "CheckMarkSingle";
+const tt = re;
+var nt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.57061 3.65132C4.31677 3.39748 3.90521 3.39748 3.65137 3.65132C3.39753 3.90516 3.39753 4.31672 3.65137 4.57056L7.08079 7.99998L3.65123 11.4295C3.39739 11.6834 3.39739 12.0949 3.65123 12.3488C3.90507 12.6026 4.31662 12.6026 4.57047 12.3488L8.00003 8.91921L11.4295 12.3487C11.6834 12.6026 12.0949 12.6026 12.3488 12.3487C12.6026 12.0949 12.6026 11.6833 12.3488 11.4295L8.91927 7.99998L12.3486 4.57061C12.6025 4.31677 12.6025 3.90521 12.3486 3.65137C12.0948 3.39753 11.6832 3.39753 11.4294 3.65137L8.00003 7.08074L4.57061 3.65132Z" } }] }, oe = Z(function(i, e) {
+  return $(W, Object.assign({}, i, {
     id: "close-single",
-    ref: t,
-    icon: tt
+    ref: e,
+    icon: nt
   }));
 });
-re.displayName = "CloseSingle";
-const nt = re, it = "univer-zen-editor", rt = "univer-zen-editor-icon-wrapper", ot = "univer-zen-editor-icon-container", st = "univer-zen-editor-icon-success", ct = "univer-zen-editor-icon-error", at = "univer-zen-editor-canvas-container", v = {
-  zenEditor: it,
-  zenEditorIconWrapper: rt,
-  zenEditorIconContainer: ot,
-  zenEditorIconSuccess: st,
-  zenEditorIconError: ct,
-  zenEditorCanvasContainer: at
-}, dt = "ZEN_EDITOR_PLUGIN_", lt = `${dt}ZEN_EDITOR_COMPONENT`;
-function ut() {
-  const e = Q(null), t = N(J), n = N(A), i = N(U);
-  Le(() => {
-    const o = e.current;
-    if (!o)
+oe.displayName = "CloseSingle";
+const it = oe, rt = "univer-zen-editor", ot = "univer-zen-editor-icon-wrapper", st = "univer-zen-editor-icon-container", ct = "univer-zen-editor-icon-success", at = "univer-zen-editor-icon-error", dt = "univer-zen-editor-canvas-container", g = {
+  zenEditor: rt,
+  zenEditorIconWrapper: ot,
+  zenEditorIconContainer: st,
+  zenEditorIconSuccess: ct,
+  zenEditorIconError: at,
+  zenEditorCanvasContainer: dt
+}, lt = "ZEN_EDITOR_PLUGIN_", ut = `${lt}ZEN_EDITOR_COMPONENT`;
+function ht() {
+  const i = ee(null), e = R(Q), n = R(V), t = R(P);
+  Ze(() => {
+    const s = i.current;
+    if (!s)
       return;
-    const c = t.currentRender$.subscribe((d) => {
-      var g;
-      if (d !== l)
+    const c = e.currentRender$.subscribe((d) => {
+      var _;
+      if (d !== u)
         return;
-      const h = (g = t.getRenderById(l)) == null ? void 0 : g.engine;
-      h == null || h.setContainer(o);
+      const l = (_ = e.getRenderById(u)) == null ? void 0 : _.engine;
+      l == null || l.setContainer(s);
     }), a = new ResizeObserver(() => {
-      const d = o.getBoundingClientRect();
+      const d = s.getBoundingClientRect();
       n.setPosition(d);
     });
-    return a.observe(o), () => {
-      a.unobserve(o), c.unsubscribe();
+    return a.observe(s), () => {
+      a.unobserve(s), c.unsubscribe();
     };
   }, []);
   function r() {
-    i.executeCommand(V.id);
+    t.executeCommand(k.id);
   }
-  function s() {
-    i.executeCommand(k.id);
+  function o() {
+    t.executeCommand(B.id);
   }
-  return /* @__PURE__ */ f.jsxs("div", { className: v.zenEditor, children: [
-    /* @__PURE__ */ f.jsxs("div", { className: v.zenEditorIconWrapper, children: [
-      /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ v.jsxs("div", { className: g.zenEditor, children: [
+    /* @__PURE__ */ v.jsxs("div", { className: g.zenEditorIconWrapper, children: [
+      /* @__PURE__ */ v.jsx(
         "span",
         {
-          className: Y(v.zenEditorIconContainer, v.zenEditorIconError),
+          className: H(g.zenEditorIconContainer, g.zenEditorIconError),
           onClick: r,
-          children: /* @__PURE__ */ f.jsx(nt, { style: { fontSize: "22px" } })
+          children: /* @__PURE__ */ v.jsx(it, { style: { fontSize: "22px" } })
         }
       ),
-      /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ v.jsx(
         "span",
         {
-          className: Y(v.zenEditorIconContainer, v.zenEditorIconSuccess),
-          onClick: s,
-          children: /* @__PURE__ */ f.jsx(et, { style: { fontSize: "22px" } })
+          className: H(g.zenEditorIconContainer, g.zenEditorIconSuccess),
+          onClick: o,
+          children: /* @__PURE__ */ v.jsx(tt, { style: { fontSize: "22px" } })
         }
       )
     ] }),
-    /* @__PURE__ */ f.jsx("div", { className: v.zenEditorCanvasContainer, ref: e })
+    /* @__PURE__ */ v.jsx("div", { className: g.zenEditorCanvasContainer, ref: i })
   ] });
 }
-const ht = {
-  id: k.id,
+const _t = {
+  id: B.id,
   description: "shortcut.sheet.zen-edit-confirm",
   group: "4_sheet-edit",
-  preconditions: (e) => oe(e),
-  binding: w.ENTER | Te.ALT
-}, _t = {
-  id: V.id,
+  preconditions: (i) => se(i),
+  binding: L.ENTER | De.ALT
+}, ft = {
+  id: k.id,
   description: "shortcut.sheet.zen-edit-cancel",
   group: "4_sheet-edit",
-  preconditions: (e) => oe(e),
-  binding: w.ESC
+  preconditions: (i) => se(i),
+  binding: L.ESC
 };
-function oe(e) {
-  return e.getContextValue(_e) && e.getContextValue(fe) && e.getContextValue(ve);
+function se(i) {
+  return i.getContextValue(fe) && i.getContextValue(ve) && i.getContextValue(ge);
 }
-var ft = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, gt = (e, t, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? vt(t, n) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (r = (i ? o(t, n, r) : o(r)) || r);
-  return i && r && ft(t, n, r), r;
-}, E = (e, t) => (n, i) => t(n, i, e);
-let z = class extends ge {
-  constructor(e, t, n, i, r) {
-    super(), this._injector = e, this._zenZoneService = t, this._commandService = n, this._menuService = i, this._shortcutService = r, this._initialize();
+var vt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, St = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? gt(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
+  return t && r && vt(e, n, r), r;
+}, E = (i, e) => (n, t) => e(n, t, i);
+let z = class extends Se {
+  constructor(i, e, n, t, r) {
+    super(), this._injector = i, this._zenZoneService = e, this._commandService = n, this._menuService = t, this._shortcutService = r, this._initialize();
   }
   _initialize() {
     this._initCustomComponents(), this._initCommands(), this._initMenus(), this._initShortcuts();
   }
   _initCustomComponents() {
-    this.disposeWithMe(this._zenZoneService.set(lt, ut));
+    this.disposeWithMe(this._zenZoneService.set(ut, ht));
   }
   _initCommands() {
-    [$, V, k].forEach((e) => {
-      this.disposeWithMe(this._commandService.registerCommand(e));
+    [A, k, B].forEach((i) => {
+      this.disposeWithMe(this._commandService.registerCommand(i));
     });
   }
   _initMenus() {
     [
       // context menu
-      ke
-    ].forEach((e) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)));
+      Be
+    ].forEach((i) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)));
     });
   }
   _initShortcuts() {
-    [ht, _t].forEach((e) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(e));
+    [_t, ft].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
 };
-z = gt([
-  X(G.Rendered, z),
-  E(0, S(q)),
+z = St([
+  G(q.Rendered, z),
+  E(0, p(J)),
   E(1, M),
-  E(2, U),
-  E(3, De),
-  E(4, Ue)
+  E(2, P),
+  E(3, Ue),
+  E(4, Pe)
 ], z);
-const Dt = {
+const pt = {
   shortcut: {
     sheet: {
       "zen-edit-cancel": "Cancel Zen Edit",
       "zen-edit-confirm": "Confirm Zen Edit"
     }
   }
-}, St = {
+}, jt = pt, mt = {
   shortcut: {
     sheet: {
       "zen-edit-cancel": "取消编辑(禅模式状态)",
       "zen-edit-confirm": "放弃编辑(禅模式状态)"
     }
   }
-};
-var pt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, Et = (e, t, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? mt(t, n) : t, s = e.length - 1, o; s >= 0; s--)
-    (o = e[s]) && (r = (i ? o(t, n, r) : o(r)) || r);
-  return i && r && pt(t, n, r), r;
-}, H = (e, t) => (n, i) => t(n, i, e), R;
-let K = (R = class extends Se {
-  constructor(e, t, n) {
-    super("zen-editor"), this._injector = t, this._localeService = n, this._initialize(), this._initializeDependencies(this._injector);
+}, Et = mt;
+var It = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, Ot = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ct(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
+  return t && r && It(e, n, r), r;
+}, K = (i, e) => (n, t) => e(n, t, i), T;
+let X = (T = class extends pe {
+  constructor(i, e, n) {
+    super("zen-editor"), this._injector = e, this._localeService = n, this._initialize(), this._initializeDependencies(this._injector);
   }
   _initialize() {
     this._localeService.load({
-      zhCN: St
+      zhCN: Et
     });
   }
-  _initializeDependencies(e) {
+  _initializeDependencies(i) {
     [
       [z],
       [O],
-      [A, { useClass: Ze }]
-    ].forEach((n) => e.add(n));
+      [V, { useClass: $e }]
+    ].forEach((n) => i.add(n));
   }
   onRendered() {
   }
   onDestroy() {
   }
-}, m(R, "type", pe.Doc), R);
-K = Et([
-  H(1, S(q)),
-  H(2, S(me))
-], K);
+}, S(T, "type", me.Doc), T);
+X = Ot([
+  K(1, p(J)),
+  K(2, p(Ee))
+], X);
 export {
-  K as UniverSheetsZenEditorPlugin,
-  Dt as enUS,
-  St as zhCN
+  X as UniverSheetsZenEditorPlugin,
+  jt as enUS,
+  Et as zhCN
 };

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

@@ -35,6 +35,7 @@ export declare class ZenEditorController extends RxDisposable {
     private _initialize;
     private _createZenEditorInstance;
     private _syncZenEditorSize;
+    private _zenEditorInitialState;
     private _handleOpenZenEditor;
     private _editorSyncHandler;
     private _syncContentAndRender;

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(function(a,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("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","react","@wendellhu/redi/react-bindings","clsx"],c):(a=typeof globalThis<"u"?globalThis:a||self,c(a.UniverSheetsZenEditor={},a.UniverCore,a["@wendellhu/redi"],a.UniverDocs,a.UniverEngineRender,a.UniverSheetsUi,a.UniverUi,a.rxjs,a.React,a["@wendellhu/redi/react-bindings"],a.clsx))})(this,function(a,c,u,m,O,T,v,k,g,b,W){"use strict";var De=Object.defineProperty;var je=(a,c,u)=>c in a?De(a,c,{enumerable:!0,configurable:!0,writable:!0,value:u}):a[c]=u;var M=(a,c,u)=>(je(a,typeof c!="symbol"?c+"":c,u),u);var A;const U={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:e=>!0};class J{constructor(){M(this,"_position",null);M(this,"_position$",new k.BehaviorSubject(null));M(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 P=u.createIdentifier("univer.sheet-zen-editor-manager.service");var Q=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,te=(e,t,i,n)=>{for(var r=n>1?void 0:n?ee(t,i):t,o=e.length-1,s;o>=0;o--)(s=e[o])&&(r=(n?s(t,i,r):s(r))||r);return n&&r&&Q(t,i,r),r},p=(e,t)=>(i,n)=>t(i,n,e);const _="__defaultDocumentZenEditorSpecialUnitId_20231218__";let R=class extends c.RxDisposable{constructor(e,t,i,n,r,o,s,d,l,h){super(),this._currentUniverService=e,this._zenEditorManagerService=t,this._renderManagerService=i,this._commandService=n,this._zenZoneService=r,this._editorBridgeService=o,this._undoRedoService=s,this._textSelectionManagerService=d,this._docSkeletonManagerService=l,this._docViewModelManagerService=h,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener(),this._createZenEditorInstance()}_createZenEditorInstance(){const e={id:_,body:{dataStream:`${c.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{pageSize:{width:595,height:842},marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}}};this._currentUniverService.createDoc(e)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(k.takeUntil(this.dispose$)).subscribe(e=>{var d;if(e==null)return;const t=T.getEditorObject(_,this._renderManagerService),i=this._currentUniverService.getUniverDocInstance(_);if(t==null||i==null)return;const{width:n,height:r}=e,{engine:o}=t,s=(d=this._docSkeletonManagerService.getSkeletonByUnitId(_))==null?void 0:d.skeleton;requestIdleCallback(()=>{o.resizeBySize(n,r),this._calculatePagePosition(t),s&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(_),this._currentUniverService.focusUniverInstance(_),this._currentUniverService.setCurrentUniverDocInstance(_),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:O.DeviceInputEventType.PointerDown});const t=this._editorBridgeService.getLatestEditCellState();if(t==null)return;this._editorSyncHandler(t);const i=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(i)}_editorSyncHandler(e){var o,s;const t=(o=e.documentLayoutObject.documentModel)==null?void 0:o.getBody(),i=t==null?void 0:t.dataStream,n=t==null?void 0:t.paragraphs;let r=[];i==null||n==null||((s=t==null?void 0:t.textRuns)!=null&&s.length&&(r=t==null?void 0:t.textRuns),this._syncContentAndRender(_,i,n,r))}_syncContentAndRender(e,t,i,n=[]){const r=[_,c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],o=this._docSkeletonManagerService.getSkeletonByUnitId(e),s=this._currentUniverService.getUniverDocInstance(e),d=this._docViewModelManagerService.getViewModel(e);if(s==null||d==null||o==null)return;const l=s.getBody();l.dataStream=t,l.paragraphs=i,e===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(l.textRuns=[]),n.length>0&&(l.textRuns=n),d.reset(s);const{skeleton:h}=o,S=this._getDocObject();S!=null&&(h.calculate(),r.includes(e)&&S.document.makeDirty())}_calculatePagePosition(e){const{document:t,scene:i}=e,n=i==null?void 0:i.getParent(),{width:r,height:o,pageMarginLeft:s,pageMarginTop:d}=t;if(n==null||r===Number.POSITIVE_INFINITY||o===Number.POSITIVE_INFINITY)return;const{width:l,height:h}=n;let S=0,C=0,j=0,B=0,x=Number.POSITIVE_INFINITY;const{scaleX:z,scaleY:Re}=i.getAncestorScale();l>(r+s*2)*z?(S=l/2-r*z/2,S/=z,j=(l-s*2)/z,x=0):(S=s,j=r+s*2,x=(j-l/z)/2),h>o?(C=h/2-o/2,B=(h-d*2)/Re):(C=d,B=o+d*2),i.resize(j,B+200),t.translate(S,C);const V=i.getViewport(m.VIEWPORT_KEY.VIEW_MAIN);if(x!==Number.POSITIVE_INFINITY&&V!=null){const Ne=V.getBarScroll(x,0).x;V.scrollTo({x:Ne})}return this}_commandExecutedListener(){const e=[U.id];this.disposeWithMe(this._commandService.onCommandExecuted(i=>{e.includes(i.id)&&this._handleOpenZenEditor()}));const t=[m.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(t.includes(i.id)){const n=i.params,{unitId:r}=n;if(r===_){const o=this._currentUniverService.getUniverDocInstance(r),s=o==null?void 0:o.getBody(),d=s==null?void 0:s.dataStream,l=s==null?void 0:s.paragraphs,h=s==null?void 0:s.textRuns;if(this._editorBridgeService.changeEditorDirty(!0),d==null||l==null)return;this._syncContentAndRender(c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,d,l,h)}}}))}_getDocObject(){return m.getDocObject(this._currentUniverService,this._renderManagerService)}};R=te([c.OnLifecycle(c.LifecycleStages.Steady,R),p(0,c.IUniverInstanceService),p(1,P),p(2,O.IRenderManagerService),p(3,c.ICommandService),p(4,v.IZenZoneService),p(5,T.IEditorBridgeService),p(6,c.IUndoRedoService),p(7,u.Inject(m.TextSelectionManagerService)),p(8,u.Inject(m.DocSkeletonManagerService)),p(9,u.Inject(m.DocViewModelManagerService))],R);const Z={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async e=>{const t=e.get(v.IZenZoneService),i=e.get(T.IEditorBridgeService),n=e.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:O.DeviceInputEventType.Keyboard,keycode:v.KeyCode.ESC}),t.close();const o=n.getCurrentUniverSheetInstance();return n.focusUniverInstance(o.getUnitId()),i.refreshEditCellState(),!0}},w={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async e=>{const t=e.get(v.IZenZoneService),i=e.get(T.IEditorBridgeService),n=e.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:O.DeviceInputEventType.PointerDown}),t.close();const o=n.getCurrentUniverSheetInstance();return n.focusUniverInstance(o.getUnitId()),i.refreshEditCellState(),!0}};function ne(){return{id:U.id,group:v.MenuGroup.CONTEXT_MENU_OTHERS,type:v.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[v.MenuPosition.CONTEXT_MENU]}}var F={exports:{}},N={};/**
+(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("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","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.React,d["@wendellhu/redi/react-bindings"],d.clsx))})(this,function(d,c,v,C,y,T,h,W,g,b,F){"use strict";var je=Object.defineProperty;var xe=(d,c,v)=>c in d?je(d,c,{enumerable:!0,configurable:!0,writable:!0,value:v}):d[c]=v;var O=(d,c,v)=>(xe(d,typeof c!="symbol"?c+"":c,v),v);var A;const U={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:i=>!0};class Q{constructor(){O(this,"_position",null);O(this,"_position$",new W.BehaviorSubject(null));O(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(t){this._position=t,this._refresh(t)}getPosition(){return this._position}_refresh(t){this._position$.next(t)}}const P=v.createIdentifier("univer.sheet-zen-editor-manager.service");var ee=Object.defineProperty,te=Object.getOwnPropertyDescriptor,ne=(i,t,n,e)=>{for(var r=e>1?void 0:e?te(t,n):t,s=i.length-1,o;s>=0;s--)(o=i[s])&&(r=(e?o(t,n,r):o(r))||r);return e&&r&&ee(t,n,r),r},p=(i,t)=>(n,e)=>t(n,e,i);const f="__defaultDocumentZenEditorSpecialUnitId_20231218__";let R=class extends c.RxDisposable{constructor(t,n,e,r,s,o,a,l,u,_){super();O(this,"_zenEditorInitialState",!1);this._currentUniverService=t,this._zenEditorManagerService=n,this._renderManagerService=e,this._commandService=r,this._zenZoneService=s,this._editorBridgeService=o,this._undoRedoService=a,this._textSelectionManagerService=l,this._docSkeletonManagerService=u,this._docViewModelManagerService=_,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},marginTop:50,marginBottom:50,marginRight:40,marginLeft:40,renderConfig:{vertexAngle:0,centerAngle:0}}};this._currentUniverService.createDoc(t)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(W.takeUntil(this.dispose$)).subscribe(t=>{var l;if(t==null)return;const n=T.getEditorObject(f,this._renderManagerService),e=this._currentUniverService.getUniverDocInstance(f);if(n==null||e==null)return;const{width:r,height:s}=t,{engine:o}=n,a=(l=this._docSkeletonManagerService.getSkeletonByUnitId(f))==null?void 0:l.skeleton;requestIdleCallback(()=>{o.resizeBySize(r,s),this._calculatePagePosition(n),a&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(f),this._currentUniverService.focusUniverInstance(f),this._currentUniverService.setCurrentUniverDocInstance(f),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:y.DeviceInputEventType.PointerDown});const n=this._editorBridgeService.getLatestEditCellState();if(n==null)return;this._editorSyncHandler(n);const e=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(e)}_editorSyncHandler(t){var o,a;const n=(o=t.documentLayoutObject.documentModel)==null?void 0:o.getBody(),e=n==null?void 0:n.dataStream,r=n==null?void 0:n.paragraphs;let s=[];e==null||r==null||((a=n==null?void 0:n.textRuns)!=null&&a.length&&(s=n==null?void 0:n.textRuns),this._syncContentAndRender(f,e,r,s))}_syncContentAndRender(t,n,e,r=[]){const s=[f,c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],o=this._docSkeletonManagerService.getSkeletonByUnitId(t),a=this._currentUniverService.getUniverDocInstance(t),l=this._docViewModelManagerService.getViewModel(t);if(a==null||l==null||o==null)return;const u=a.getBody();u.dataStream=n,u.paragraphs=e,t===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(u.textRuns=[]),r.length>0&&(u.textRuns=r),l.reset(a);const{skeleton:_}=o,I=this._getDocObject();I!=null&&(_.calculate(),s.includes(t)&&I.document.makeDirty())}_calculatePagePosition(t){const{document:n,scene:e}=t,r=e==null?void 0:e.getParent(),{width:s,height:o,pageMarginLeft:a,pageMarginTop:l}=n;if(r==null||s===Number.POSITIVE_INFINITY||o===Number.POSITIVE_INFINITY)return;const{width:u,height:_}=r;let I=0,B=0,j=0,V=0,x=Number.POSITIVE_INFINITY;const{scaleX:M,scaleY:Ne}=e.getAncestorScale();u>(s+a*2)*M?(I=u/2-s*M/2,I/=M,j=(u-a*2)/M,x=0):(I=a,j=s+a*2,x=(j-u/M)/2),_>o?(B=_/2-o/2,V=(_-l*2)/Ne):(B=l,V=o+l*2),e.resize(j,V+200),n.translate(I,B);const k=e.getViewport(C.VIEWPORT_KEY.VIEW_MAIN);if(x!==Number.POSITIVE_INFINITY&&k!=null){const De=k.getBarScroll(x,0).x;k.scrollTo({x:De})}return this}_commandExecutedListener(){const t=[U.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{t.includes(e.id)&&this._handleOpenZenEditor()}));const n=[C.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(n.includes(e.id)){const r=e.params,{unitId:s}=r;if(s===f){const o=this._currentUniverService.getUniverDocInstance(s),a=o==null?void 0:o.getBody(),l=a==null?void 0:a.dataStream,u=a==null?void 0:a.paragraphs,_=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,_)}}}))}_getDocObject(){return C.getDocObject(this._currentUniverService,this._renderManagerService)}};R=ne([c.OnLifecycle(c.LifecycleStages.Steady,R),p(0,c.IUniverInstanceService),p(1,P),p(2,y.IRenderManagerService),p(3,c.ICommandService),p(4,h.IZenZoneService),p(5,T.IEditorBridgeService),p(6,c.IUndoRedoService),p(7,v.Inject(C.TextSelectionManagerService)),p(8,v.Inject(C.DocSkeletonManagerService)),p(9,v.Inject(C.DocViewModelManagerService))],R);const Z={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async i=>{const t=i.get(h.IZenZoneService),n=i.get(T.IEditorBridgeService),e=i.get(c.IUniverInstanceService);n.isVisible().visible&&n.changeVisible({visible:!1,eventType:y.DeviceInputEventType.Keyboard,keycode:h.KeyCode.ESC}),t.close();const s=e.getCurrentUniverSheetInstance();return e.focusUniverInstance(s.getUnitId()),n.refreshEditCellState(),!0}},w={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async i=>{const t=i.get(h.IZenZoneService),n=i.get(T.IEditorBridgeService),e=i.get(c.IUniverInstanceService);n.isVisible().visible&&n.changeVisible({visible:!1,eventType:y.DeviceInputEventType.PointerDown}),t.close();const s=e.getCurrentUniverSheetInstance();return e.focusUniverInstance(s.getUnitId()),n.refreshEditCellState(),!0}};function ie(){return{id:U.id,group:h.MenuGroup.CONTEXT_MENU_OTHERS,type:h.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[h.MenuPosition.CONTEXT_MENU]}}var Y={exports:{}},N={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,4 +6,4 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ie=g,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 Y(e,t,i){var n,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(n in t)oe.call(t,n)&&!ae.hasOwnProperty(n)&&(r[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps,t)r[n]===void 0&&(r[n]=t[n]);return{$$typeof:re,type:e,key:o,ref:s,props:r,_owner:ce.current}}N.Fragment=se,N.jsx=Y,N.jsxs=Y,F.exports=N;var I=F.exports,f=function(){return f=Object.assign||function(e){for(var t,i=1,n=arguments.length;i<n;i++){t=arguments[i];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)},de=function(e,t){var i={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(i[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(i[n[r]]=e[n[r]]);return i},L=g.forwardRef(function(e,t){var i=e.icon,n=e.id,r=e.className,o=e.extend,s=de(e,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(n," ").concat(r||"").trim(),l=g.useRef("_".concat(ve()));return K(i,"".concat(n),{defIds:i.defIds,idSuffix:l.current},f({ref:t,className:d},s),o)});function K(e,t,i,n,r){return g.createElement(e.tag,f(f({key:t},le(e,i,r)),n),(ue(e,i).children||[]).map(function(o,s){return K(o,"".concat(t,"-").concat(e.tag,"-").concat(s),i,void 0,r)}))}function le(e,t,i){var n=f({},e.attrs);i!=null&&i.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=i.colorChannel1);var r=t.defIds;return!r||r.length===0||(e.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+t.idSuffix),Object.entries(n).forEach(function(o){var s=o[0],d=o[1];typeof d=="string"&&(n[s]=d.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),n}function ue(e,t){var i,n=t.defIds;return!n||n.length===0?e:e.tag==="defs"&&(!((i=e.children)===null||i===void 0)&&i.length)?f(f({},e),{children:e.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+t.idSuffix})}):r})}):e}function ve(){return Math.random().toString(36).substring(2,8)}L.displayName="UniverIcon";var he={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.44 3.57291C14.698 3.83093 14.698 4.24927 14.44 4.50729L6.44342 12.5037C6.28721 12.6599 6.03395 12.6599 5.87774 12.5037L1.55992 8.18578C1.3019 7.92776 1.3019 7.50942 1.55993 7.2514C1.81795 6.99338 2.23629 6.99338 2.49431 7.25141L6.01916 10.7763C6.09727 10.8544 6.2239 10.8544 6.30201 10.7763L13.5056 3.57291C13.7636 3.31489 14.1819 3.31489 14.44 3.57291Z",fillRule:"evenodd",clipRule:"evenodd"}}]},H=g.forwardRef(function(e,t){return g.createElement(L,Object.assign({},e,{id:"check-mark-single",ref:t,icon:he}))});H.displayName="CheckMarkSingle";const _e=H;var fe={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M4.57061 3.65132C4.31677 3.39748 3.90521 3.39748 3.65137 3.65132C3.39753 3.90516 3.39753 4.31672 3.65137 4.57056L7.08079 7.99998L3.65123 11.4295C3.39739 11.6834 3.39739 12.0949 3.65123 12.3488C3.90507 12.6026 4.31662 12.6026 4.57047 12.3488L8.00003 8.91921L11.4295 12.3487C11.6834 12.6026 12.0949 12.6026 12.3488 12.3487C12.6026 12.0949 12.6026 11.6833 12.3488 11.4295L8.91927 7.99998L12.3486 4.57061C12.6025 4.31677 12.6025 3.90521 12.3486 3.65137C12.0948 3.39753 11.6832 3.39753 11.4294 3.65137L8.00003 7.08074L4.57061 3.65132Z"}}]},X=g.forwardRef(function(e,t){return g.createElement(L,Object.assign({},e,{id:"close-single",ref:t,icon:fe}))});X.displayName="CloseSingle";const Se=X,E={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"},ge="ZEN_EDITOR_PLUGIN_ZEN_EDITOR_COMPONENT";function pe(){const e=g.useRef(null),t=b.useDependency(O.IRenderManagerService),i=b.useDependency(P),n=b.useDependency(c.ICommandService);g.useEffect(()=>{const s=e.current;if(!s)return;const d=t.currentRender$.subscribe(h=>{var C;if(h!==_)return;const S=(C=t.getRenderById(_))==null?void 0:C.engine;S==null||S.setContainer(s)}),l=new ResizeObserver(()=>{const h=s.getBoundingClientRect();i.setPosition(h)});return l.observe(s),()=>{l.unobserve(s),d.unsubscribe()}},[]);function r(){n.executeCommand(Z.id)}function o(){n.executeCommand(w.id)}return I.jsxs("div",{className:E.zenEditor,children:[I.jsxs("div",{className:E.zenEditorIconWrapper,children:[I.jsx("span",{className:W(E.zenEditorIconContainer,E.zenEditorIconError),onClick:r,children:I.jsx(Se,{style:{fontSize:"22px"}})}),I.jsx("span",{className:W(E.zenEditorIconContainer,E.zenEditorIconSuccess),onClick:o,children:I.jsx(_e,{style:{fontSize:"22px"}})})]}),I.jsx("div",{className:E.zenEditorCanvasContainer,ref:e})]})}const Ie={id:w.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:e=>$(e),binding:v.KeyCode.ENTER|v.MetaKeys.ALT},Ee={id:Z.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:e=>$(e),binding:v.KeyCode.ESC};function $(e){return e.getContextValue(c.FOCUSING_DOC)&&e.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&e.getContextValue(c.EDITOR_ACTIVATED)}var me=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,Oe=(e,t,i,n)=>{for(var r=n>1?void 0:n?Ce(t,i):t,o=e.length-1,s;o>=0;o--)(s=e[o])&&(r=(n?s(t,i,r):s(r))||r);return n&&r&&me(t,i,r),r},y=(e,t)=>(i,n)=>t(i,n,e);let D=class extends c.Disposable{constructor(e,t,i,n,r){super(),this._injector=e,this._zenZoneService=t,this._commandService=i,this._menuService=n,this._shortcutService=r,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(ge,pe))}_initCommands(){[U,Z,w].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initMenus(){[ne].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}_initShortcuts(){[Ie,Ee].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};D=Oe([c.OnLifecycle(c.LifecycleStages.Rendered,D),y(0,u.Inject(u.Injector)),y(1,v.IZenZoneService),y(2,c.ICommandService),y(3,v.IMenuService),y(4,v.IShortcutService)],D);const ye={shortcut:{sheet:{"zen-edit-cancel":"Cancel Zen Edit","zen-edit-confirm":"Confirm Zen Edit"}}},G={shortcut:{sheet:{"zen-edit-cancel":"取消编辑(禅模式状态)","zen-edit-confirm":"放弃编辑(禅模式状态)"}}};var ze=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,Te=(e,t,i,n)=>{for(var r=n>1?void 0:n?Me(t,i):t,o=e.length-1,s;o>=0;o--)(s=e[o])&&(r=(n?s(t,i,r):s(r))||r);return n&&r&&ze(t,i,r),r},q=(e,t)=>(i,n)=>t(i,n,e);a.UniverSheetsZenEditorPlugin=(A=class extends c.Plugin{constructor(t,i,n){super("zen-editor"),this._injector=i,this._localeService=n,this._initialize(),this._initializeDependencies(this._injector)}_initialize(){this._localeService.load({zhCN:G})}_initializeDependencies(t){[[D],[R],[P,{useClass:J}]].forEach(n=>t.add(n))}onRendered(){}onDestroy(){}},M(A,"type",c.PluginType.Doc),A),a.UniverSheetsZenEditorPlugin=Te([q(1,u.Inject(u.Injector)),q(2,u.Inject(c.LocaleService))],a.UniverSheetsZenEditorPlugin),a.enUS=ye,a.zhCN=G,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+ */var re=g,se=Symbol.for("react.element"),oe=Symbol.for("react.fragment"),ce=Object.prototype.hasOwnProperty,ae=re.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,de={key:!0,ref:!0,__self:!0,__source:!0};function K(i,t,n){var e,r={},s=null,o=null;n!==void 0&&(s=""+n),t.key!==void 0&&(s=""+t.key),t.ref!==void 0&&(o=t.ref);for(e in t)ce.call(t,e)&&!de.hasOwnProperty(e)&&(r[e]=t[e]);if(i&&i.defaultProps)for(e in t=i.defaultProps,t)r[e]===void 0&&(r[e]=t[e]);return{$$typeof:se,type:i,key:s,ref:o,props:r,_owner:ae.current}}N.Fragment=oe,N.jsx=K,N.jsxs=K,Y.exports=N;var E=Y.exports,S=function(){return S=Object.assign||function(i){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(i[r]=t[r])}return i},S.apply(this,arguments)},le=function(i,t){var n={};for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&t.indexOf(e)<0&&(n[e]=i[e]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(i);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(i,e[r])&&(n[e[r]]=i[e[r]]);return n},L=g.forwardRef(function(i,t){var n=i.icon,e=i.id,r=i.className,s=i.extend,o=le(i,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=g.useRef("_".concat(he()));return $(n,"".concat(e),{defIds:n.defIds,idSuffix:l.current},S({ref:t,className:a},o),s)});function $(i,t,n,e,r){return g.createElement(i.tag,S(S({key:t},ue(i,n,r)),e),(ve(i,n).children||[]).map(function(s,o){return $(s,"".concat(t,"-").concat(i.tag,"-").concat(o),n,void 0,r)}))}function ue(i,t,n){var e=S({},i.attrs);n!=null&&n.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=n.colorChannel1);var r=t.defIds;return!r||r.length===0||(i.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var o=s[0],a=s[1];typeof a=="string"&&(e[o]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function ve(i,t){var n,e=t.defIds;return!e||e.length===0?i:i.tag==="defs"&&(!((n=i.children)===null||n===void 0)&&n.length)?S(S({},i),{children:i.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})}):i}function he(){return Math.random().toString(36).substring(2,8)}L.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.44 3.57291C14.698 3.83093 14.698 4.24927 14.44 4.50729L6.44342 12.5037C6.28721 12.6599 6.03395 12.6599 5.87774 12.5037L1.55992 8.18578C1.3019 7.92776 1.3019 7.50942 1.55993 7.2514C1.81795 6.99338 2.23629 6.99338 2.49431 7.25141L6.01916 10.7763C6.09727 10.8544 6.2239 10.8544 6.30201 10.7763L13.5056 3.57291C13.7636 3.31489 14.1819 3.31489 14.44 3.57291Z",fillRule:"evenodd",clipRule:"evenodd"}}]},H=g.forwardRef(function(i,t){return g.createElement(L,Object.assign({},i,{id:"check-mark-single",ref:t,icon:_e}))});H.displayName="CheckMarkSingle";const fe=H;var Se={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M4.57061 3.65132C4.31677 3.39748 3.90521 3.39748 3.65137 3.65132C3.39753 3.90516 3.39753 4.31672 3.65137 4.57056L7.08079 7.99998L3.65123 11.4295C3.39739 11.6834 3.39739 12.0949 3.65123 12.3488C3.90507 12.6026 4.31662 12.6026 4.57047 12.3488L8.00003 8.91921L11.4295 12.3487C11.6834 12.6026 12.0949 12.6026 12.3488 12.3487C12.6026 12.0949 12.6026 11.6833 12.3488 11.4295L8.91927 7.99998L12.3486 4.57061C12.6025 4.31677 12.6025 3.90521 12.3486 3.65137C12.0948 3.39753 11.6832 3.39753 11.4294 3.65137L8.00003 7.08074L4.57061 3.65132Z"}}]},X=g.forwardRef(function(i,t){return g.createElement(L,Object.assign({},i,{id:"close-single",ref:t,icon:Se}))});X.displayName="CloseSingle";const ge=X,m={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 Ie(){const i=g.useRef(null),t=b.useDependency(y.IRenderManagerService),n=b.useDependency(P),e=b.useDependency(c.ICommandService);g.useEffect(()=>{const o=i.current;if(!o)return;const a=t.currentRender$.subscribe(u=>{var I;if(u!==f)return;const _=(I=t.getRenderById(f))==null?void 0:I.engine;_==null||_.setContainer(o)}),l=new ResizeObserver(()=>{const u=o.getBoundingClientRect();n.setPosition(u)});return l.observe(o),()=>{l.unobserve(o),a.unsubscribe()}},[]);function r(){e.executeCommand(Z.id)}function s(){e.executeCommand(w.id)}return E.jsxs("div",{className:m.zenEditor,children:[E.jsxs("div",{className:m.zenEditorIconWrapper,children:[E.jsx("span",{className:F(m.zenEditorIconContainer,m.zenEditorIconError),onClick:r,children:E.jsx(ge,{style:{fontSize:"22px"}})}),E.jsx("span",{className:F(m.zenEditorIconContainer,m.zenEditorIconSuccess),onClick:s,children:E.jsx(fe,{style:{fontSize:"22px"}})})]}),E.jsx("div",{className:m.zenEditorCanvasContainer,ref:i})]})}const Ee={id:w.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:i=>G(i),binding:h.KeyCode.ENTER|h.MetaKeys.ALT},me={id:Z.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:i=>G(i),binding:h.KeyCode.ESC};function G(i){return i.getContextValue(c.FOCUSING_DOC)&&i.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(c.EDITOR_ACTIVATED)}var Ce=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,ye=(i,t,n,e)=>{for(var r=e>1?void 0:e?Oe(t,n):t,s=i.length-1,o;s>=0;s--)(o=i[s])&&(r=(e?o(t,n,r):o(r))||r);return e&&r&&Ce(t,n,r),r},z=(i,t)=>(n,e)=>t(n,e,i);let D=class extends c.Disposable{constructor(i,t,n,e,r){super(),this._injector=i,this._zenZoneService=t,this._commandService=n,this._menuService=e,this._shortcutService=r,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(pe,Ie))}_initCommands(){[U,Z,w].forEach(i=>{this.disposeWithMe(this._commandService.registerCommand(i))})}_initMenus(){[ie].forEach(i=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)))})}_initShortcuts(){[Ee,me].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}};D=ye([c.OnLifecycle(c.LifecycleStages.Rendered,D),z(0,v.Inject(v.Injector)),z(1,h.IZenZoneService),z(2,c.ICommandService),z(3,h.IMenuService),z(4,h.IShortcutService)],D);const ze={shortcut:{sheet:{"zen-edit-cancel":"Cancel Zen Edit","zen-edit-confirm":"Confirm Zen Edit"}}},q={shortcut:{sheet:{"zen-edit-cancel":"取消编辑(禅模式状态)","zen-edit-confirm":"放弃编辑(禅模式状态)"}}};var Me=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,Re=(i,t,n,e)=>{for(var r=e>1?void 0:e?Te(t,n):t,s=i.length-1,o;s>=0;s--)(o=i[s])&&(r=(e?o(t,n,r):o(r))||r);return e&&r&&Me(t,n,r),r},J=(i,t)=>(n,e)=>t(n,e,i);d.UniverSheetsZenEditorPlugin=(A=class extends c.Plugin{constructor(t,n,e){super("zen-editor"),this._injector=n,this._localeService=e,this._initialize(),this._initializeDependencies(this._injector)}_initialize(){this._localeService.load({zhCN:q})}_initializeDependencies(t){[[D],[R],[P,{useClass:Q}]].forEach(e=>t.add(e))}onRendered(){}onDestroy(){}},O(A,"type",c.PluginType.Doc),A),d.UniverSheetsZenEditorPlugin=Re([J(1,v.Inject(v.Injector)),J(2,v.Inject(c.LocaleService))],d.UniverSheetsZenEditorPlugin),d.enUS=ze,d.zhCN=q,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/sheets-zen-editor",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "private": false,
   "description": "Zen Editor plugin for Univer Sheets.",
   "author": "DreamNum <developer@univer.ai>",
@@ -17,7 +17,12 @@
   "bugs": {
     "url": "https://github.com/dream-num/univer/issues"
   },
-  "keywords": [],
+  "keywords": [
+    "univer"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": {
       "import": "./lib/es/index.js",
@@ -48,19 +53,18 @@
     "npm": ">=8.0.0"
   },
   "peerDependencies": {
-    "@wendellhu/redi": "^0.13.0",
+    "@wendellhu/redi": "0.13.0",
     "clsx": ">=2.0.0",
     "react": ">=16.9.0",
     "rxjs": ">=7.0.0",
-    "@univerjs/core": "0.1.2",
-    "@univerjs/docs": "0.1.2",
-    "@univerjs/design": "0.1.2",
-    "@univerjs/sheets-ui": "0.1.2",
-    "@univerjs/engine-render": "0.1.2",
-    "@univerjs/ui": "0.1.2"
+    "@univerjs/core": "0.1.4",
+    "@univerjs/docs": "0.1.4",
+    "@univerjs/engine-render": "0.1.4",
+    "@univerjs/sheets-ui": "0.1.4",
+    "@univerjs/ui": "0.1.4"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.1.30"
+    "@univerjs/icons": "^0.1.42"
   },
   "devDependencies": {
     "@wendellhu/redi": "^0.13.0",
@@ -68,16 +72,16 @@
     "less": "^4.2.0",
     "react": "^18.2.0",
     "rxjs": "^7.8.1",
-    "typescript": "^5.3.3",
-    "vite": "^5.1.4",
-    "vitest": "^1.3.1",
-    "@univerjs/core": "0.1.2",
-    "@univerjs/design": "0.1.2",
-    "@univerjs/engine-render": "0.1.2",
-    "@univerjs/docs": "0.1.2",
-    "@univerjs/sheets-ui": "0.1.2",
-    "@univerjs/shared": "0.1.2",
-    "@univerjs/ui": "0.1.2"
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
+    "vitest": "^1.4.0",
+    "@univerjs/core": "0.1.4",
+    "@univerjs/design": "0.1.4",
+    "@univerjs/docs": "0.1.4",
+    "@univerjs/shared": "0.1.4",
+    "@univerjs/sheets-ui": "0.1.4",
+    "@univerjs/ui": "0.1.4",
+    "@univerjs/engine-render": "0.1.4"
   },
   "scripts": {
     "test": "vitest run",