@univerjs/sheets-zen-editor 0.1.14 → 0.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js +2 -2
- package/lib/es/index.js +47 -48
- package/lib/umd/index.js +2 -2
- package/package.json +21 -20
package/lib/cjs/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var te=Object.defineProperty;var ne=(n,e,i)=>e in n?te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i;var I=(n,e,i)=>(ne(n,typeof e!="symbol"?e+"":e,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),S=require("@wendellhu/redi"),C=require("@univerjs/docs"),M=require("@univerjs/engine-render"),N=require("@univerjs/sheets-ui"),_=require("@univerjs/ui"),q=require("rxjs"),T=require("@univerjs/sheets"),p=require("react"),
|
|
1
|
+
"use strict";var te=Object.defineProperty;var ne=(n,e,i)=>e in n?te(n,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):n[e]=i;var I=(n,e,i)=>(ne(n,typeof e!="symbol"?e+"":e,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),S=require("@wendellhu/redi"),C=require("@univerjs/docs"),M=require("@univerjs/engine-render"),N=require("@univerjs/sheets-ui"),_=require("@univerjs/ui"),q=require("rxjs"),T=require("@univerjs/sheets"),p=require("react"),L=require("@wendellhu/redi/react-bindings"),W=require("clsx"),V={id:"zen-editor.operation.open-zen-editor",type:a.CommandType.OPERATION,handler:n=>!0};class ie{constructor(){I(this,"_position",null);I(this,"_position$",new q.BehaviorSubject(null));I(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(e){this._position=e,this._refresh(e)}getPosition(){return this._position}_refresh(e){this._position$.next(e)}}const k=S.createIdentifier("univer.sheet-zen-editor-manager.service");var re=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,se=(n,e,i,t)=>{for(var r=t>1?void 0:t?oe(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&re(e,i,r),r},g=(n,e)=>(i,t)=>e(i,t,n);const h="__defaultDocumentZenEditorSpecialUnitId_20231218__";let P=class extends a.RxDisposable{constructor(e,i,t,r,o,s,c,d,l,u,f){super();I(this,"_zenEditorInitialState",!1);this._injector=e,this._univerInstanceService=i,this._zenEditorManagerService=t,this._renderManagerService=r,this._commandService=o,this._zenZoneService=s,this._editorBridgeService=c,this._undoRedoService=d,this._textSelectionManagerService=l,this._docSkeletonManagerService=u,this._docViewModelManagerService=f,this._initialize()}_initialize(){this._syncZenEditorSize(),this._commandExecutedListener()}_createZenEditorInstance(){const e={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}}};return this._univerInstanceService.createUnit(a.UniverInstanceType.UNIVER_DOC,e)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(q.takeUntil(this.dispose$)).subscribe(e=>{var d;if(e==null)return;const i=N.getEditorObject(h,this._renderManagerService),t=this._univerInstanceService.getUniverDocInstance(h);if(i==null||t==null)return;const{width:r,height:o}=e,{engine:s}=i,c=(d=this._docSkeletonManagerService.getSkeletonByUnitId(h))==null?void 0:d.skeleton;requestIdleCallback(()=>{s.resizeBySize(r,o),this._calculatePagePosition(i),c&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(h),this._univerInstanceService.focusUnit(h),this._univerInstanceService.setCurrentUnitForType(h),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:M.DeviceInputEventType.PointerDown});const i=this._editorBridgeService.getLatestEditCellState();if(i==null)return;this._editorSyncHandler(i);const t=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(t)}_editorSyncHandler(e){var s,c;const i=(s=e.documentLayoutObject.documentModel)==null?void 0:s.getBody(),t=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let o=[];t==null||r==null||((c=i==null?void 0:i.textRuns)!=null&&c.length&&(o=i==null?void 0:i.textRuns),this._syncContentAndRender(h,t,r,o))}_syncContentAndRender(e,i,t,r=[]){const o=[h,a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,a.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY],s=this._docSkeletonManagerService.getSkeletonByUnitId(e),c=this._univerInstanceService.getUniverDocInstance(e),d=this._docViewModelManagerService.getViewModel(e);if(c==null||d==null||s==null)return;const l=c.getBody();l.dataStream=i,l.paragraphs=t,e===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(e)&&f.document.makeDirty())}_calculatePagePosition(e){const{document:i,scene:t,docBackground:r}=e,o=t==null?void 0:t.getParent(),{width:s,height:c,pageMarginLeft:d,pageMarginTop:l}=i;if(o==null||s===Number.POSITIVE_INFINITY||c===Number.POSITIVE_INFINITY)return;const{width:u,height:f}=o;let O=0,z=0,D=0,Z=0,x=Number.POSITIVE_INFINITY;const{scaleX:y,scaleY:Q}=t.getAncestorScale();u>(s+d*2)*y?(O=u/2-s*y/2,O/=y,D=(u-d*2)/y,x=0):(O=d,D=s+d*2,x=(D-u/y)/2),f>c?(z=f/2-c/2,Z=(f-l*2)/Q):(z=l,Z=c+l*2),t.resize(D,Z+200),i.translate(O,z),r.translate(O,z);const w=t.getViewport(C.VIEWPORT_KEY.VIEW_MAIN);if(x!==Number.POSITIVE_INFINITY&&w!=null){const ee=w.transScroll2ViewportScrollValue(x,0).x;w.scrollTo({x:ee})}return this}_commandExecutedListener(){const e=[V.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{e.includes(t.id)&&this._handleOpenZenEditor()}));const i=[C.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(i.includes(t.id)){const r=t.params,{unitId:o}=r;if(o===h){const s=this._univerInstanceService.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._univerInstanceService,this._renderManagerService)}};P=se([a.OnLifecycle(a.LifecycleStages.Steady,P),g(0,S.Inject(S.Injector)),g(1,a.IUniverInstanceService),g(2,k),g(3,M.IRenderManagerService),g(4,a.ICommandService),g(5,_.IZenZoneService),g(6,N.IEditorBridgeService),g(7,a.IUndoRedoService),g(8,S.Inject(C.TextSelectionManagerService)),g(9,S.Inject(C.DocSkeletonManagerService)),g(10,S.Inject(C.DocViewModelManagerService))],P);const A={id:"zen-editor.command.cancel-zen-edit",type:a.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(N.IEditorBridgeService),t=n.get(a.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:M.DeviceInputEventType.Keyboard,keycode:_.KeyCode.ESC}),e.close();const o=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET);return o?(t.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}},B={id:"zen-editor.command.confirm-zen-edit",type:a.CommandType.COMMAND,handler:async n=>{const e=n.get(_.IZenZoneService),i=n.get(N.IEditorBridgeService),t=n.get(a.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:M.DeviceInputEventType.PointerDown}),e.close();const o=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET);return o?(t.focusUnit(o.getUnitId()),i.refreshEditCellState(),!0):!1}};function ce(n){return{id:V.id,group:_.MenuGroup.CONTEXT_MENU_OTHERS,type:_.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[_.MenuPosition.CONTEXT_MENU],disabled$:N.getCurrentRangeDisable$(n,{workbookTypes:[T.WorkbookEditablePermission],worksheetTypes:[T.WorksheetEditPermission,T.WorksheetSetCellValuePermission,T.WorksheetSetCellStylePermission],rangeTypes:[T.RangeProtectionPermissionEditPoint]})}}var Y={exports:{}},j={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var ae=p,de=Symbol.for("react.element"),le=Symbol.for("react.fragment"),ue=Object.prototype.hasOwnProperty,_e=ae.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,he={key:!0,ref:!0,__self:!0,__source:!0};function K(n,e,i){var t,r={},o=null,s=null;i!==void 0&&(o=""+i),e.key!==void 0&&(o=""+e.key),e.ref!==void 0&&(s=e.ref);for(t in e)ue.call(e,t)&&!he.hasOwnProperty(t)&&(r[t]=e[t]);if(n&&n.defaultProps)for(t in e=n.defaultProps,e)r[t]===void 0&&(r[t]=e[t]);return{$$typeof:de,type:n,key:o,ref:s,props:r,_owner:_e.current}}j.Fragment=le;j.jsx=K;j.jsxs=K;Y.exports=j;var E=Y.exports,v=function(){return v=Object.assign||function(n){for(var e,i=1,t=arguments.length;i<t;i++){e=arguments[i];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},v.apply(this,arguments)},ve=function(n,e){var i={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(i[t]=n[t]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r])&&(i[t[r]]=n[t[r]]);return i},$=p.forwardRef(function(n,e){var i=n.icon,t=n.id,r=n.className,o=n.extend,s=ve(n,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),d=p.useRef("_".concat(Se()));return H(i,"".concat(t),{defIds:i.defIds,idSuffix:d.current},v({ref:e,className:c},s),o)});function H(n,e,i,t,r){return p.createElement(n.tag,v(v({key:e},fe(n,i,r)),t),(ge(n,i).children||[]).map(function(o,s){return H(o,"".concat(e,"-").concat(n.tag,"-").concat(s),i,void 0,r)}))}function fe(n,e,i){var t=v({},n.attrs);i!=null&&i.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=i.colorChannel1);var r=e.defIds;return!r||r.length===0||(n.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function ge(n,e){var i,t=e.defIds;return!t||t.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?v(v({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?v(v({},r),{attrs:v(v({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):n}function Se(){return Math.random().toString(36).substring(2,8)}$.displayName="UniverIcon";var pe={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},X=p.forwardRef(function(n,e){return p.createElement($,Object.assign({},n,{id:"check-mark-single",ref:e,icon:pe}))});X.displayName="CheckMarkSingle";
|
|
9
|
+
*/var ae=p,de=Symbol.for("react.element"),le=Symbol.for("react.fragment"),ue=Object.prototype.hasOwnProperty,_e=ae.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,he={key:!0,ref:!0,__self:!0,__source:!0};function K(n,e,i){var t,r={},o=null,s=null;i!==void 0&&(o=""+i),e.key!==void 0&&(o=""+e.key),e.ref!==void 0&&(s=e.ref);for(t in e)ue.call(e,t)&&!he.hasOwnProperty(t)&&(r[t]=e[t]);if(n&&n.defaultProps)for(t in e=n.defaultProps,e)r[t]===void 0&&(r[t]=e[t]);return{$$typeof:de,type:n,key:o,ref:s,props:r,_owner:_e.current}}j.Fragment=le;j.jsx=K;j.jsxs=K;Y.exports=j;var E=Y.exports,v=function(){return v=Object.assign||function(n){for(var e,i=1,t=arguments.length;i<t;i++){e=arguments[i];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r])}return n},v.apply(this,arguments)},ve=function(n,e){var i={};for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&e.indexOf(t)<0&&(i[t]=n[t]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(n);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(n,t[r])&&(i[t[r]]=n[t[r]]);return i},$=p.forwardRef(function(n,e){var i=n.icon,t=n.id,r=n.className,o=n.extend,s=ve(n,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(t," ").concat(r||"").trim(),d=p.useRef("_".concat(Se()));return H(i,"".concat(t),{defIds:i.defIds,idSuffix:d.current},v({ref:e,className:c},s),o)});function H(n,e,i,t,r){return p.createElement(n.tag,v(v({key:e},fe(n,i,r)),t),(ge(n,i).children||[]).map(function(o,s){return H(o,"".concat(e,"-").concat(n.tag,"-").concat(s),i,void 0,r)}))}function fe(n,e,i){var t=v({},n.attrs);i!=null&&i.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=i.colorChannel1);var r=e.defIds;return!r||r.length===0||(n.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(t[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),t}function ge(n,e){var i,t=e.defIds;return!t||t.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?v(v({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?v(v({},r),{attrs:v(v({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):n}function Se(){return Math.random().toString(36).substring(2,8)}$.displayName="UniverIcon";var pe={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},X=p.forwardRef(function(n,e){return p.createElement($,Object.assign({},n,{id:"check-mark-single",ref:e,icon:pe}))});X.displayName="CheckMarkSingle";var Ie={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},G=p.forwardRef(function(n,e){return p.createElement($,Object.assign({},n,{id:"close-single",ref:e,icon:Ie}))});G.displayName="CloseSingle";const Ee="univer-zen-editor",me="univer-zen-editor-icon-wrapper",Ce="univer-zen-editor-icon-container",Oe="univer-zen-editor-icon-success",ye="univer-zen-editor-icon-error",Te="univer-zen-editor-canvas-container",m={zenEditor:Ee,zenEditorIconWrapper:me,zenEditorIconContainer:Ce,zenEditorIconSuccess:Oe,zenEditorIconError:ye,zenEditorCanvasContainer:Te},Re="ZEN_EDITOR_PLUGIN_",be=`${Re}ZEN_EDITOR_COMPONENT`;function Me(){const n=p.useRef(null),e=L.useDependency(M.IRenderManagerService),i=L.useDependency(k),t=L.useDependency(a.ICommandService);p.useEffect(()=>{const s=n.current;if(!s)return;const c=e.currentRender$.subscribe(l=>{var f;if(l!==h)return;const u=(f=e.getRenderById(h))==null?void 0:f.engine;u==null||u.setContainer(s)}),d=new ResizeObserver(()=>{const l=s.getBoundingClientRect();i.setPosition(l)});return d.observe(s),()=>{d.unobserve(s),c.unsubscribe()}},[]);function r(){t.executeCommand(A.id)}function o(){t.executeCommand(B.id)}return E.jsxs("div",{className:m.zenEditor,children:[E.jsxs("div",{className:m.zenEditorIconWrapper,children:[E.jsx("span",{className:W(m.zenEditorIconContainer,m.zenEditorIconError),onClick:r,children:E.jsx(G,{style:{fontSize:"22px"}})}),E.jsx("span",{className:W(m.zenEditorIconContainer,m.zenEditorIconSuccess),onClick:o,children:E.jsx(X,{style:{fontSize:"22px"}})})]}),E.jsx("div",{className:m.zenEditorCanvasContainer,ref:n})]})}const Ne={id:B.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ENTER|_.MetaKeys.ALT},ze={id:A.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ESC};function J(n){return n.getContextValue(a.FOCUSING_DOC)&&n.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(a.EDITOR_ACTIVATED)&&!n.getContextValue(a.FOCUSING_EDITOR_STANDALONE)}var De=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,Ue=(n,e,i,t)=>{for(var r=t>1?void 0:t?xe(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&De(e,i,r),r},R=(n,e)=>(i,t)=>e(i,t,n);const Pe={};let b=class extends a.Disposable{constructor(n,e,i,t,r,o){super(),this._config=n,this._injector=e,this._zenZoneService=i,this._commandService=t,this._menuService=r,this._shortcutService=o,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(be,Me))}_initCommands(){[V,A,B].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[ce].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e),n))})}_initShortcuts(){[Ne,ze].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};b=Ue([a.OnLifecycle(a.LifecycleStages.Rendered,b),R(1,S.Inject(S.Injector)),R(2,_.IZenZoneService),R(3,a.ICommandService),R(4,_.IMenuService),R(5,_.IShortcutService)],b);var je=Object.defineProperty,Ze=Object.getOwnPropertyDescriptor,we=(n,e,i,t)=>{for(var r=t>1?void 0:t?Ze(e,i):e,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=(t?s(e,i,r):s(r))||r);return t&&r&&je(e,i,r),r},F=(n,e)=>(i,t)=>e(i,t,n),U;exports.UniverSheetsZenEditorPlugin=(U=class extends a.Plugin{constructor(e={},i,t){super(),this._config=e,this._injector=i,this._localeService=t,this._initializeDependencies(this._injector),this._config=a.Tools.deepMerge({},Pe,this._config)}_initializeDependencies(e){[[b,{useFactory:()=>this._injector.createInstance(b,this._config)}],[P],[k,{useClass:ie}]].forEach(t=>e.add(t))}},I(U,"pluginName","zen-editor"),I(U,"type",a.UniverInstanceType.UNIVER_DOC),U);exports.UniverSheetsZenEditorPlugin=we([F(1,S.Inject(S.Injector)),F(2,S.Inject(a.LocaleService))],exports.UniverSheetsZenEditorPlugin);
|
package/lib/es/index.js
CHANGED
|
@@ -5,11 +5,11 @@ import { CommandType as U, RxDisposable as _e, UniverInstanceType as N, DOCS_FOR
|
|
|
5
5
|
import { createIdentifier as ye, Inject as S, Injector as L } from "@wendellhu/redi";
|
|
6
6
|
import { VIEWPORT_KEY as be, RichTextEditingMutation as Te, getDocObject as Me, TextSelectionManagerService as Ne, DocSkeletonManagerService as Re, DocViewModelManagerService as ze } from "@univerjs/docs";
|
|
7
7
|
import { DeviceInputEventType as Z, IRenderManagerService as te } from "@univerjs/engine-render";
|
|
8
|
-
import { getEditorObject as xe, IEditorBridgeService as
|
|
9
|
-
import { IZenZoneService as R, KeyCode as
|
|
10
|
-
import { BehaviorSubject as
|
|
11
|
-
import { WorkbookEditablePermission as
|
|
12
|
-
import Ye, { forwardRef as
|
|
8
|
+
import { getEditorObject as xe, IEditorBridgeService as V, getCurrentRangeDisable$ as De } from "@univerjs/sheets-ui";
|
|
9
|
+
import { IZenZoneService as R, KeyCode as k, MenuGroup as Pe, MenuItemType as Ue, MenuPosition as je, MetaKeys as we, IMenuService as Le, IShortcutService as Ze } from "@univerjs/ui";
|
|
10
|
+
import { BehaviorSubject as Ve, takeUntil as ke } from "rxjs";
|
|
11
|
+
import { WorkbookEditablePermission as Ae, WorksheetEditPermission as $e, WorksheetSetCellValuePermission as Be, WorksheetSetCellStylePermission as We, RangeProtectionPermissionEditPoint as Fe } from "@univerjs/sheets";
|
|
12
|
+
import Ye, { forwardRef as A, useRef as ne, createElement as $, useEffect as He } from "react";
|
|
13
13
|
import { useDependency as P } from "@wendellhu/redi/react-bindings";
|
|
14
14
|
import G from "clsx";
|
|
15
15
|
const B = {
|
|
@@ -20,7 +20,7 @@ const B = {
|
|
|
20
20
|
class Ke {
|
|
21
21
|
constructor() {
|
|
22
22
|
v(this, "_position", null);
|
|
23
|
-
v(this, "_position$", new
|
|
23
|
+
v(this, "_position$", new Ve(null));
|
|
24
24
|
v(this, "position$", this._position$.asObservable());
|
|
25
25
|
}
|
|
26
26
|
dispose() {
|
|
@@ -85,7 +85,7 @@ let M = class extends _e {
|
|
|
85
85
|
}
|
|
86
86
|
// Listen to changes in the size of the zen editor container to set the size of the editor.
|
|
87
87
|
_syncZenEditorSize() {
|
|
88
|
-
this._zenEditorManagerService.position$.pipe(
|
|
88
|
+
this._zenEditorManagerService.position$.pipe(ke(this.dispose$)).subscribe((e) => {
|
|
89
89
|
var a;
|
|
90
90
|
if (e == null)
|
|
91
91
|
return;
|
|
@@ -144,7 +144,7 @@ let M = class extends _e {
|
|
|
144
144
|
l > (s + a * 2) * E ? (m = l / 2 - s * E / 2, m /= E, y = (l - a * 2) / E, b = 0) : (m = a, y = s + a * 2, b = (y - l / E) / 2), _ > c ? (O = _ / 2 - c / 2, x = (_ - d * 2) / de) : (O = d, x = c + d * 2), n.resize(y, x + 200), i.translate(m, O), r.translate(m, O);
|
|
145
145
|
const D = n.getViewport(be.VIEW_MAIN);
|
|
146
146
|
if (b !== Number.POSITIVE_INFINITY && D != null) {
|
|
147
|
-
const le = D.
|
|
147
|
+
const le = D.transScroll2ViewportScrollValue(b, 0).x;
|
|
148
148
|
D.scrollTo({
|
|
149
149
|
x: le
|
|
150
150
|
});
|
|
@@ -185,7 +185,7 @@ M = qe([
|
|
|
185
185
|
f(3, te),
|
|
186
186
|
f(4, w),
|
|
187
187
|
f(5, R),
|
|
188
|
-
f(6,
|
|
188
|
+
f(6, V),
|
|
189
189
|
f(7, ve),
|
|
190
190
|
f(8, S(Ne)),
|
|
191
191
|
f(9, S(Re)),
|
|
@@ -195,11 +195,11 @@ const F = {
|
|
|
195
195
|
id: "zen-editor.command.cancel-zen-edit",
|
|
196
196
|
type: U.COMMAND,
|
|
197
197
|
handler: async (t) => {
|
|
198
|
-
const e = t.get(R), i = t.get(
|
|
198
|
+
const e = t.get(R), i = t.get(V), n = t.get(j);
|
|
199
199
|
i.isVisible().visible && i.changeVisible({
|
|
200
200
|
visible: !1,
|
|
201
201
|
eventType: Z.Keyboard,
|
|
202
|
-
keycode:
|
|
202
|
+
keycode: k.ESC
|
|
203
203
|
}), e.close();
|
|
204
204
|
const o = n.getCurrentUnitForType(N.UNIVER_SHEET);
|
|
205
205
|
return o ? (n.focusUnit(o.getUnitId()), i.refreshEditCellState(), !0) : !1;
|
|
@@ -208,7 +208,7 @@ const F = {
|
|
|
208
208
|
id: "zen-editor.command.confirm-zen-edit",
|
|
209
209
|
type: U.COMMAND,
|
|
210
210
|
handler: async (t) => {
|
|
211
|
-
const e = t.get(R), i = t.get(
|
|
211
|
+
const e = t.get(R), i = t.get(V), n = t.get(j);
|
|
212
212
|
i.isVisible().visible && i.changeVisible({
|
|
213
213
|
visible: !1,
|
|
214
214
|
eventType: Z.PointerDown
|
|
@@ -225,7 +225,7 @@ function Je(t) {
|
|
|
225
225
|
title: "rightClick.zenEditor",
|
|
226
226
|
icon: "AmplifySingle",
|
|
227
227
|
positions: [je.CONTEXT_MENU],
|
|
228
|
-
disabled$: De(t, { workbookTypes: [
|
|
228
|
+
disabled$: De(t, { workbookTypes: [Ae], worksheetTypes: [$e, Be, We], rangeTypes: [Fe] })
|
|
229
229
|
};
|
|
230
230
|
}
|
|
231
231
|
var ie = { exports: {} }, z = {};
|
|
@@ -270,12 +270,12 @@ var g = ie.exports, h = function() {
|
|
|
270
270
|
for (var r = 0, n = Object.getOwnPropertySymbols(t); r < n.length; r++)
|
|
271
271
|
e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[r]) && (i[n[r]] = t[n[r]]);
|
|
272
272
|
return i;
|
|
273
|
-
}, H =
|
|
273
|
+
}, H = A(function(t, e) {
|
|
274
274
|
var i = t.icon, n = t.id, r = t.className, o = t.extend, s = ot(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), a = ne("_".concat(at()));
|
|
275
275
|
return oe(i, "".concat(n), { defIds: i.defIds, idSuffix: a.current }, h({ ref: e, className: c }, s), o);
|
|
276
276
|
});
|
|
277
277
|
function oe(t, e, i, n, r) {
|
|
278
|
-
return
|
|
278
|
+
return $(t.tag, h(h({ key: e }, st(t, i, r)), n), (ct(t, i).children || []).map(function(o, s) {
|
|
279
279
|
return oe(o, "".concat(e, "-").concat(t.tag, "-").concat(s), i, void 0, r);
|
|
280
280
|
}));
|
|
281
281
|
}
|
|
@@ -298,32 +298,31 @@ function at() {
|
|
|
298
298
|
return Math.random().toString(36).substring(2, 8);
|
|
299
299
|
}
|
|
300
300
|
H.displayName = "UniverIcon";
|
|
301
|
-
var dt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, se =
|
|
302
|
-
return
|
|
301
|
+
var dt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, se = A(function(t, e) {
|
|
302
|
+
return $(H, Object.assign({}, t, {
|
|
303
303
|
id: "check-mark-single",
|
|
304
304
|
ref: e,
|
|
305
305
|
icon: dt
|
|
306
306
|
}));
|
|
307
307
|
});
|
|
308
308
|
se.displayName = "CheckMarkSingle";
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
return A(H, Object.assign({}, t, {
|
|
309
|
+
var lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, ce = A(function(t, e) {
|
|
310
|
+
return $(H, Object.assign({}, t, {
|
|
312
311
|
id: "close-single",
|
|
313
312
|
ref: e,
|
|
314
|
-
icon:
|
|
313
|
+
icon: lt
|
|
315
314
|
}));
|
|
316
315
|
});
|
|
317
316
|
ce.displayName = "CloseSingle";
|
|
318
|
-
const
|
|
319
|
-
zenEditor:
|
|
320
|
-
zenEditorIconWrapper:
|
|
321
|
-
zenEditorIconContainer:
|
|
322
|
-
zenEditorIconSuccess:
|
|
323
|
-
zenEditorIconError:
|
|
324
|
-
zenEditorCanvasContainer:
|
|
325
|
-
},
|
|
326
|
-
function
|
|
317
|
+
const ut = "univer-zen-editor", ht = "univer-zen-editor-icon-wrapper", _t = "univer-zen-editor-icon-container", ft = "univer-zen-editor-icon-success", vt = "univer-zen-editor-icon-error", gt = "univer-zen-editor-canvas-container", p = {
|
|
318
|
+
zenEditor: ut,
|
|
319
|
+
zenEditorIconWrapper: ht,
|
|
320
|
+
zenEditorIconContainer: _t,
|
|
321
|
+
zenEditorIconSuccess: ft,
|
|
322
|
+
zenEditorIconError: vt,
|
|
323
|
+
zenEditorCanvasContainer: gt
|
|
324
|
+
}, pt = "ZEN_EDITOR_PLUGIN_", St = `${pt}ZEN_EDITOR_COMPONENT`;
|
|
325
|
+
function mt() {
|
|
327
326
|
const t = ne(null), e = P(te), i = P(W), n = P(w);
|
|
328
327
|
He(() => {
|
|
329
328
|
const s = t.current;
|
|
@@ -356,7 +355,7 @@ function It() {
|
|
|
356
355
|
{
|
|
357
356
|
className: G(p.zenEditorIconContainer, p.zenEditorIconError),
|
|
358
357
|
onClick: r,
|
|
359
|
-
children: /* @__PURE__ */ g.jsx(
|
|
358
|
+
children: /* @__PURE__ */ g.jsx(ce, { style: { fontSize: "22px" } })
|
|
360
359
|
}
|
|
361
360
|
),
|
|
362
361
|
/* @__PURE__ */ g.jsx(
|
|
@@ -364,35 +363,35 @@ function It() {
|
|
|
364
363
|
{
|
|
365
364
|
className: G(p.zenEditorIconContainer, p.zenEditorIconSuccess),
|
|
366
365
|
onClick: o,
|
|
367
|
-
children: /* @__PURE__ */ g.jsx(
|
|
366
|
+
children: /* @__PURE__ */ g.jsx(se, { style: { fontSize: "22px" } })
|
|
368
367
|
}
|
|
369
368
|
)
|
|
370
369
|
] }),
|
|
371
370
|
/* @__PURE__ */ g.jsx("div", { className: p.zenEditorCanvasContainer, ref: t })
|
|
372
371
|
] });
|
|
373
372
|
}
|
|
374
|
-
const
|
|
373
|
+
const Et = {
|
|
375
374
|
id: Y.id,
|
|
376
375
|
description: "shortcut.sheet.zen-edit-confirm",
|
|
377
376
|
group: "4_sheet-edit",
|
|
378
377
|
preconditions: (t) => ae(t),
|
|
379
|
-
binding:
|
|
380
|
-
},
|
|
378
|
+
binding: k.ENTER | we.ALT
|
|
379
|
+
}, It = {
|
|
381
380
|
id: F.id,
|
|
382
381
|
description: "shortcut.sheet.zen-edit-cancel",
|
|
383
382
|
group: "4_sheet-edit",
|
|
384
383
|
preconditions: (t) => ae(t),
|
|
385
|
-
binding:
|
|
384
|
+
binding: k.ESC
|
|
386
385
|
};
|
|
387
386
|
function ae(t) {
|
|
388
387
|
return t.getContextValue(ge) && t.getContextValue(pe) && t.getContextValue(Se) && !t.getContextValue(me);
|
|
389
388
|
}
|
|
390
|
-
var
|
|
391
|
-
for (var r = n > 1 ? void 0 : n ?
|
|
389
|
+
var Ct = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, yt = (t, e, i, n) => {
|
|
390
|
+
for (var r = n > 1 ? void 0 : n ? Ot(e, i) : e, o = t.length - 1, s; o >= 0; o--)
|
|
392
391
|
(s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
|
|
393
|
-
return n && r &&
|
|
392
|
+
return n && r && Ct(e, i, r), r;
|
|
394
393
|
}, I = (t, e) => (i, n) => e(i, n, t);
|
|
395
|
-
const
|
|
394
|
+
const bt = {};
|
|
396
395
|
let C = class extends Ee {
|
|
397
396
|
constructor(t, e, i, n, r, o) {
|
|
398
397
|
super(), this._config = t, this._injector = e, this._zenZoneService = i, this._commandService = n, this._menuService = r, this._shortcutService = o, this._initialize();
|
|
@@ -401,7 +400,7 @@ let C = class extends Ee {
|
|
|
401
400
|
this._initCustomComponents(), this._initCommands(), this._initMenus(), this._initShortcuts();
|
|
402
401
|
}
|
|
403
402
|
_initCustomComponents() {
|
|
404
|
-
this.disposeWithMe(this._zenZoneService.set(
|
|
403
|
+
this.disposeWithMe(this._zenZoneService.set(St, mt));
|
|
405
404
|
}
|
|
406
405
|
_initCommands() {
|
|
407
406
|
[B, F, Y].forEach((t) => {
|
|
@@ -418,12 +417,12 @@ let C = class extends Ee {
|
|
|
418
417
|
});
|
|
419
418
|
}
|
|
420
419
|
_initShortcuts() {
|
|
421
|
-
[
|
|
420
|
+
[Et, It].forEach((t) => {
|
|
422
421
|
this.disposeWithMe(this._shortcutService.registerShortcut(t));
|
|
423
422
|
});
|
|
424
423
|
}
|
|
425
424
|
};
|
|
426
|
-
C =
|
|
425
|
+
C = yt([
|
|
427
426
|
Q(ee.Rendered, C),
|
|
428
427
|
I(1, S(L)),
|
|
429
428
|
I(2, R),
|
|
@@ -431,14 +430,14 @@ C = Tt([
|
|
|
431
430
|
I(4, Le),
|
|
432
431
|
I(5, Ze)
|
|
433
432
|
], C);
|
|
434
|
-
var
|
|
435
|
-
for (var r = n > 1 ? void 0 : n ?
|
|
433
|
+
var Tt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Nt = (t, e, i, n) => {
|
|
434
|
+
for (var r = n > 1 ? void 0 : n ? Mt(e, i) : e, o = t.length - 1, s; o >= 0; o--)
|
|
436
435
|
(s = t[o]) && (r = (n ? s(e, i, r) : s(r)) || r);
|
|
437
|
-
return n && r &&
|
|
436
|
+
return n && r && Tt(e, i, r), r;
|
|
438
437
|
}, q = (t, e) => (i, n) => e(i, n, t), T;
|
|
439
438
|
let J = (T = class extends Ie {
|
|
440
439
|
constructor(t = {}, e, i) {
|
|
441
|
-
super(), this._config = t, this._injector = e, this._localeService = i, this._initializeDependencies(this._injector), this._config = Ce.deepMerge({},
|
|
440
|
+
super(), this._config = t, this._injector = e, this._localeService = i, this._initializeDependencies(this._injector), this._config = Ce.deepMerge({}, bt, this._config);
|
|
442
441
|
}
|
|
443
442
|
_initializeDependencies(t) {
|
|
444
443
|
[
|
|
@@ -453,7 +452,7 @@ let J = (T = class extends Ie {
|
|
|
453
452
|
].forEach((i) => t.add(i));
|
|
454
453
|
}
|
|
455
454
|
}, v(T, "pluginName", "zen-editor"), v(T, "type", N.UNIVER_DOC), T);
|
|
456
|
-
J =
|
|
455
|
+
J = Nt([
|
|
457
456
|
q(1, S(L)),
|
|
458
457
|
q(2, S(Oe))
|
|
459
458
|
], J);
|
package/lib/umd/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(d,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/docs"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("rxjs"),require("@univerjs/sheets"),require("react"),require("@wendellhu/redi/react-bindings"),require("clsx")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/docs","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","rxjs","@univerjs/sheets","react","@wendellhu/redi/react-bindings","clsx"],c):(d=typeof globalThis<"u"?globalThis:d||self,c(d.UniverSheetsZenEditor={},d.UniverCore,d["@wendellhu/redi"],d.UniverDocs,d.UniverEngineRender,d.UniverSheetsUi,d.UniverUi,d.rxjs,d.UniverSheets,d.React,d["@wendellhu/redi/react-bindings"],d.clsx))})(this,function(d,c,u,O,y,T,_,Y,
|
|
1
|
+
(function(d,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/docs"),require("@univerjs/engine-render"),require("@univerjs/sheets-ui"),require("@univerjs/ui"),require("rxjs"),require("@univerjs/sheets"),require("react"),require("@wendellhu/redi/react-bindings"),require("clsx")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/docs","@univerjs/engine-render","@univerjs/sheets-ui","@univerjs/ui","rxjs","@univerjs/sheets","react","@wendellhu/redi/react-bindings","clsx"],c):(d=typeof globalThis<"u"?globalThis:d||self,c(d.UniverSheetsZenEditor={},d.UniverCore,d["@wendellhu/redi"],d.UniverDocs,d.UniverEngineRender,d.UniverSheetsUi,d.UniverUi,d.rxjs,d.UniverSheets,d.React,d["@wendellhu/redi/react-bindings"],d.clsx))})(this,function(d,c,u,O,y,T,_,Y,R,I,Z,K){"use strict";var je=Object.defineProperty;var be=(d,c,u)=>c in d?je(d,c,{enumerable:!0,configurable:!0,writable:!0,value:u}):d[c]=u;var C=(d,c,u)=>(be(d,typeof c!="symbol"?c+"":c,u),u);var x;const L={id:"zen-editor.operation.open-zen-editor",type:c.CommandType.OPERATION,handler:n=>!0};class ee{constructor(){C(this,"_position",null);C(this,"_position$",new Y.BehaviorSubject(null));C(this,"position$",this._position$.asObservable())}dispose(){this._position$.complete(),this._position=null}setPosition(t){this._position=t,this._refresh(t)}getPosition(){return this._position}_refresh(t){this._position$.next(t)}}const V=u.createIdentifier("univer.sheet-zen-editor-manager.service");var te=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,ie=(n,t,i,e)=>{for(var r=e>1?void 0:e?ne(t,i):t,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(e?o(t,i,r):o(r))||r);return e&&r&&te(t,i,r),r},p=(n,t)=>(i,e)=>t(i,e,n);const f="__defaultDocumentZenEditorSpecialUnitId_20231218__";let b=class extends c.RxDisposable{constructor(t,i,e,r,s,o,a,l,v,h,g){super();C(this,"_zenEditorInitialState",!1);this._injector=t,this._univerInstanceService=i,this._zenEditorManagerService=e,this._renderManagerService=r,this._commandService=s,this._zenZoneService=o,this._editorBridgeService=a,this._undoRedoService=l,this._textSelectionManagerService=v,this._docSkeletonManagerService=h,this._docViewModelManagerService=g,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}}};return this._univerInstanceService.createUnit(c.UniverInstanceType.UNIVER_DOC,t)}_syncZenEditorSize(){this._zenEditorManagerService.position$.pipe(Y.takeUntil(this.dispose$)).subscribe(t=>{var l;if(t==null)return;const i=T.getEditorObject(f,this._renderManagerService),e=this._univerInstanceService.getUniverDocInstance(f);if(i==null||e==null)return;const{width:r,height:s}=t,{engine:o}=i,a=(l=this._docSkeletonManagerService.getSkeletonByUnitId(f))==null?void 0:l.skeleton;requestIdleCallback(()=>{o.resizeBySize(r,s),this._calculatePagePosition(i),a&&this._textSelectionManagerService.refreshSelection()})})}_handleOpenZenEditor(){this._zenEditorInitialState||(this._createZenEditorInstance(),this._zenEditorInitialState=!0),this._zenZoneService.open(),this._undoRedoService.clearUndoRedo(f),this._univerInstanceService.focusUnit(f),this._univerInstanceService.setCurrentUnitForType(f),this._editorBridgeService.isVisible().visible===!1&&this._editorBridgeService.changeVisible({visible:!0,eventType:y.DeviceInputEventType.PointerDown});const i=this._editorBridgeService.getLatestEditCellState();if(i==null)return;this._editorSyncHandler(i);const e=[{startOffset:0,endOffset:0}];this._textSelectionManagerService.replaceTextRanges(e)}_editorSyncHandler(t){var o,a;const i=(o=t.documentLayoutObject.documentModel)==null?void 0:o.getBody(),e=i==null?void 0:i.dataStream,r=i==null?void 0:i.paragraphs;let s=[];e==null||r==null||((a=i==null?void 0:i.textRuns)!=null&&a.length&&(s=i==null?void 0:i.textRuns),this._syncContentAndRender(f,e,r,s))}_syncContentAndRender(t,i,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._univerInstanceService.getUniverDocInstance(t),l=this._docViewModelManagerService.getViewModel(t);if(a==null||l==null||o==null)return;const v=a.getBody();v.dataStream=i,v.paragraphs=e,t===c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&(v.textRuns=[]),r.length>0&&(v.textRuns=r),l.reset(a);const{skeleton:h}=o,g=this._getDocObject();g!=null&&(h.calculate(),s.includes(t)&&g.document.makeDirty())}_calculatePagePosition(t){const{document:i,scene:e,docBackground:r}=t,s=e==null?void 0:e.getParent(),{width:o,height:a,pageMarginLeft:l,pageMarginTop:v}=i;if(s==null||o===Number.POSITIVE_INFINITY||a===Number.POSITIVE_INFINITY)return;const{width:h,height:g}=s;let z=0,U=0,P=0,W=0,w=Number.POSITIVE_INFINITY;const{scaleX:j,scaleY:Ne}=e.getAncestorScale();h>(o+l*2)*j?(z=h/2-o*j/2,z/=j,P=(h-l*2)/j,w=0):(z=l,P=o+l*2,w=(P-h/j)/2),g>a?(U=g/2-a/2,W=(g-v*2)/Ne):(U=v,W=a+v*2),e.resize(P,W+200),i.translate(z,U),r.translate(z,U);const F=e.getViewport(O.VIEWPORT_KEY.VIEW_MAIN);if(w!==Number.POSITIVE_INFINITY&&F!=null){const ze=F.transScroll2ViewportScrollValue(w,0).x;F.scrollTo({x:ze})}return this}_commandExecutedListener(){const t=[L.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{t.includes(e.id)&&this._handleOpenZenEditor()}));const i=[O.RichTextEditingMutation.id];this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(i.includes(e.id)){const r=e.params,{unitId:s}=r;if(s===f){const o=this._univerInstanceService.getUniverDocInstance(s),a=o==null?void 0:o.getBody(),l=a==null?void 0:a.dataStream,v=a==null?void 0:a.paragraphs,h=a==null?void 0:a.textRuns;if(this._editorBridgeService.changeEditorDirty(!0),l==null||v==null)return;this._syncContentAndRender(c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY,l,v,h)}}}))}_getDocObject(){return O.getDocObject(this._univerInstanceService,this._renderManagerService)}};b=ie([c.OnLifecycle(c.LifecycleStages.Steady,b),p(0,u.Inject(u.Injector)),p(1,c.IUniverInstanceService),p(2,V),p(3,y.IRenderManagerService),p(4,c.ICommandService),p(5,_.IZenZoneService),p(6,T.IEditorBridgeService),p(7,c.IUndoRedoService),p(8,u.Inject(O.TextSelectionManagerService)),p(9,u.Inject(O.DocSkeletonManagerService)),p(10,u.Inject(O.DocViewModelManagerService))],b);const k={id:"zen-editor.command.cancel-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const t=n.get(_.IZenZoneService),i=n.get(T.IEditorBridgeService),e=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:y.DeviceInputEventType.Keyboard,keycode:_.KeyCode.ESC}),t.close();const s=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return s?(e.focusUnit(s.getUnitId()),i.refreshEditCellState(),!0):!1}},A={id:"zen-editor.command.confirm-zen-edit",type:c.CommandType.COMMAND,handler:async n=>{const t=n.get(_.IZenZoneService),i=n.get(T.IEditorBridgeService),e=n.get(c.IUniverInstanceService);i.isVisible().visible&&i.changeVisible({visible:!1,eventType:y.DeviceInputEventType.PointerDown}),t.close();const s=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);return s?(e.focusUnit(s.getUnitId()),i.refreshEditCellState(),!0):!1}};function re(n){return{id:L.id,group:_.MenuGroup.CONTEXT_MENU_OTHERS,type:_.MenuItemType.BUTTON,title:"rightClick.zenEditor",icon:"AmplifySingle",positions:[_.MenuPosition.CONTEXT_MENU],disabled$:T.getCurrentRangeDisable$(n,{workbookTypes:[R.WorkbookEditablePermission],worksheetTypes:[R.WorksheetEditPermission,R.WorksheetSetCellValuePermission,R.WorksheetSetCellStylePermission],rangeTypes:[R.RangeProtectionPermissionEditPoint]})}}var H={exports:{}},D={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var se=I,oe=Symbol.for("react.element"),ce=Symbol.for("react.fragment"),ae=Object.prototype.hasOwnProperty,de=se.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,le={key:!0,ref:!0,__self:!0,__source:!0};function
|
|
9
|
+
*/var se=I,oe=Symbol.for("react.element"),ce=Symbol.for("react.fragment"),ae=Object.prototype.hasOwnProperty,de=se.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,le={key:!0,ref:!0,__self:!0,__source:!0};function X(n,t,i){var e,r={},s=null,o=null;i!==void 0&&(s=""+i),t.key!==void 0&&(s=""+t.key),t.ref!==void 0&&(o=t.ref);for(e in t)ae.call(t,e)&&!le.hasOwnProperty(e)&&(r[e]=t[e]);if(n&&n.defaultProps)for(e in t=n.defaultProps,t)r[e]===void 0&&(r[e]=t[e]);return{$$typeof:oe,type:n,key:s,ref:o,props:r,_owner:de.current}}D.Fragment=ce,D.jsx=X,D.jsxs=X,H.exports=D;var E=H.exports,S=function(){return S=Object.assign||function(n){for(var t,i=1,e=arguments.length;i<e;i++){t=arguments[i];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},S.apply(this,arguments)},ue=function(n,t){var i={};for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&t.indexOf(e)<0&&(i[e]=n[e]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(n);r<e.length;r++)t.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(n,e[r])&&(i[e[r]]=n[e[r]]);return i},B=I.forwardRef(function(n,t){var i=n.icon,e=n.id,r=n.className,s=n.extend,o=ue(n,["icon","id","className","extend"]),a="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),l=I.useRef("_".concat(_e()));return $(i,"".concat(e),{defIds:i.defIds,idSuffix:l.current},S({ref:t,className:a},o),s)});function $(n,t,i,e,r){return I.createElement(n.tag,S(S({key:t},ve(n,i,r)),e),(he(n,i).children||[]).map(function(s,o){return $(s,"".concat(t,"-").concat(n.tag,"-").concat(o),i,void 0,r)}))}function ve(n,t,i){var e=S({},n.attrs);i!=null&&i.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=i.colorChannel1);var r=t.defIds;return!r||r.length===0||(n.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+t.idSuffix),Object.entries(e).forEach(function(s){var o=s[0],a=s[1];typeof a=="string"&&(e[o]=a.replace(/url\(#(.*)\)/,"url(#$1".concat(t.idSuffix,")")))})),e}function he(n,t){var i,e=t.defIds;return!e||e.length===0?n:n.tag==="defs"&&(!((i=n.children)===null||i===void 0)&&i.length)?S(S({},n),{children:n.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?S(S({},r),{attrs:S(S({},r.attrs),{id:r.attrs.id+t.idSuffix})}):r})}):n}function _e(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var fe={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z",fillRule:"evenodd",clipRule:"evenodd"}}]},G=I.forwardRef(function(n,t){return I.createElement(B,Object.assign({},n,{id:"check-mark-single",ref:t,icon:fe}))});G.displayName="CheckMarkSingle";var Se={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z"}}]},q=I.forwardRef(function(n,t){return I.createElement(B,Object.assign({},n,{id:"close-single",ref:t,icon:Se}))});q.displayName="CloseSingle";const 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 ge(){const n=I.useRef(null),t=Z.useDependency(y.IRenderManagerService),i=Z.useDependency(V),e=Z.useDependency(c.ICommandService);I.useEffect(()=>{const o=n.current;if(!o)return;const a=t.currentRender$.subscribe(v=>{var g;if(v!==f)return;const h=(g=t.getRenderById(f))==null?void 0:g.engine;h==null||h.setContainer(o)}),l=new ResizeObserver(()=>{const v=o.getBoundingClientRect();i.setPosition(v)});return l.observe(o),()=>{l.unobserve(o),a.unsubscribe()}},[]);function r(){e.executeCommand(k.id)}function s(){e.executeCommand(A.id)}return E.jsxs("div",{className:m.zenEditor,children:[E.jsxs("div",{className:m.zenEditorIconWrapper,children:[E.jsx("span",{className:K(m.zenEditorIconContainer,m.zenEditorIconError),onClick:r,children:E.jsx(q,{style:{fontSize:"22px"}})}),E.jsx("span",{className:K(m.zenEditorIconContainer,m.zenEditorIconSuccess),onClick:s,children:E.jsx(G,{style:{fontSize:"22px"}})})]}),E.jsx("div",{className:m.zenEditorCanvasContainer,ref:n})]})}const Ie={id:A.id,description:"shortcut.sheet.zen-edit-confirm",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ENTER|_.MetaKeys.ALT},Ee={id:k.id,description:"shortcut.sheet.zen-edit-cancel",group:"4_sheet-edit",preconditions:n=>J(n),binding:_.KeyCode.ESC};function J(n){return n.getContextValue(c.FOCUSING_DOC)&&n.getContextValue(c.FOCUSING_UNIVER_EDITOR)&&n.getContextValue(c.EDITOR_ACTIVATED)&&!n.getContextValue(c.FOCUSING_EDITOR_STANDALONE)}var me=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,Oe=(n,t,i,e)=>{for(var r=e>1?void 0:e?Ce(t,i):t,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(e?o(t,i,r):o(r))||r);return e&&r&&me(t,i,r),r},M=(n,t)=>(i,e)=>t(i,e,n);const ye={};let N=class extends c.Disposable{constructor(n,t,i,e,r,s){super(),this._config=n,this._injector=t,this._zenZoneService=i,this._commandService=e,this._menuService=r,this._shortcutService=s,this._initialize()}_initialize(){this._initCustomComponents(),this._initCommands(),this._initMenus(),this._initShortcuts()}_initCustomComponents(){this.disposeWithMe(this._zenZoneService.set(pe,ge))}_initCommands(){[L,k,A].forEach(n=>{this.disposeWithMe(this._commandService.registerCommand(n))})}_initMenus(){const{menu:n={}}=this._config;[re].forEach(t=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t),n))})}_initShortcuts(){[Ie,Ee].forEach(n=>{this.disposeWithMe(this._shortcutService.registerShortcut(n))})}};N=Oe([c.OnLifecycle(c.LifecycleStages.Rendered,N),M(1,u.Inject(u.Injector)),M(2,_.IZenZoneService),M(3,c.ICommandService),M(4,_.IMenuService),M(5,_.IShortcutService)],N);var Te=Object.defineProperty,Re=Object.getOwnPropertyDescriptor,Me=(n,t,i,e)=>{for(var r=e>1?void 0:e?Re(t,i):t,s=n.length-1,o;s>=0;s--)(o=n[s])&&(r=(e?o(t,i,r):o(r))||r);return e&&r&&Te(t,i,r),r},Q=(n,t)=>(i,e)=>t(i,e,n);d.UniverSheetsZenEditorPlugin=(x=class extends c.Plugin{constructor(t={},i,e){super(),this._config=t,this._injector=i,this._localeService=e,this._initializeDependencies(this._injector),this._config=c.Tools.deepMerge({},ye,this._config)}_initializeDependencies(t){[[N,{useFactory:()=>this._injector.createInstance(N,this._config)}],[b],[V,{useClass:ee}]].forEach(e=>t.add(e))}},C(x,"pluginName","zen-editor"),C(x,"type",c.UniverInstanceType.UNIVER_DOC),x),d.UniverSheetsZenEditorPlugin=Me([Q(1,u.Inject(u.Injector)),Q(2,u.Inject(c.LocaleService))],d.UniverSheetsZenEditorPlugin),Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@univerjs/sheets-zen-editor",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.15",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Zen Editor plugin for Univer Sheets.",
|
|
6
6
|
"author": "DreamNum <developer@univer.ai>",
|
|
@@ -50,38 +50,38 @@
|
|
|
50
50
|
"lib"
|
|
51
51
|
],
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"@wendellhu/redi": "0.15.
|
|
53
|
+
"@wendellhu/redi": "0.15.4",
|
|
54
54
|
"clsx": ">=2.0.0",
|
|
55
55
|
"react": "^16.9.0 || ^17.0.0 || ^18.0.0",
|
|
56
56
|
"rxjs": ">=7.0.0",
|
|
57
|
-
"@univerjs/core": "0.1.
|
|
58
|
-
"@univerjs/
|
|
59
|
-
"@univerjs/
|
|
60
|
-
"@univerjs/
|
|
61
|
-
"@univerjs/
|
|
62
|
-
"@univerjs/ui": "0.1.
|
|
57
|
+
"@univerjs/core": "0.1.15",
|
|
58
|
+
"@univerjs/sheets": "0.1.15",
|
|
59
|
+
"@univerjs/docs": "0.1.15",
|
|
60
|
+
"@univerjs/engine-render": "0.1.15",
|
|
61
|
+
"@univerjs/ui": "0.1.15",
|
|
62
|
+
"@univerjs/sheets-ui": "0.1.15"
|
|
63
63
|
},
|
|
64
64
|
"dependencies": {
|
|
65
65
|
"@univerjs/icons": "^0.1.56",
|
|
66
|
-
"@univerjs/sheets": "0.1.
|
|
66
|
+
"@univerjs/sheets": "0.1.15"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
|
-
"@wendellhu/redi": "0.15.
|
|
69
|
+
"@wendellhu/redi": "0.15.4",
|
|
70
70
|
"clsx": "^2.1.1",
|
|
71
71
|
"less": "^4.2.0",
|
|
72
72
|
"react": "18.3.1",
|
|
73
73
|
"rxjs": "^7.8.1",
|
|
74
74
|
"typescript": "^5.4.5",
|
|
75
|
-
"vite": "^5.2.
|
|
75
|
+
"vite": "^5.2.13",
|
|
76
76
|
"vitest": "^1.6.0",
|
|
77
|
-
"@univerjs/
|
|
78
|
-
"@univerjs/
|
|
79
|
-
"@univerjs/
|
|
80
|
-
"@univerjs/engine-render": "0.1.
|
|
81
|
-
"@univerjs/
|
|
82
|
-
"@univerjs/
|
|
83
|
-
"@univerjs/sheets
|
|
84
|
-
"@univerjs/ui": "0.1.
|
|
77
|
+
"@univerjs/design": "0.1.15",
|
|
78
|
+
"@univerjs/core": "0.1.15",
|
|
79
|
+
"@univerjs/docs": "0.1.15",
|
|
80
|
+
"@univerjs/engine-render": "0.1.15",
|
|
81
|
+
"@univerjs/shared": "0.1.15",
|
|
82
|
+
"@univerjs/sheets-ui": "0.1.15",
|
|
83
|
+
"@univerjs/sheets": "0.1.15",
|
|
84
|
+
"@univerjs/ui": "0.1.15"
|
|
85
85
|
},
|
|
86
86
|
"univerSpace": {
|
|
87
87
|
".": {
|
|
@@ -102,6 +102,7 @@
|
|
|
102
102
|
"test:watch": "vitest",
|
|
103
103
|
"coverage": "vitest run --coverage",
|
|
104
104
|
"lint:types": "tsc --noEmit",
|
|
105
|
-
"build": "tsc && vite build"
|
|
105
|
+
"build": "tsc && vite build",
|
|
106
|
+
"sync:cnpm": "cnpm sync"
|
|
106
107
|
}
|
|
107
108
|
}
|